我正在尝试在wordpress的经典编辑器中设置按钮的样式,特别是更改内部文本的颜色或更改字体wright属性。
使用浏览器检查器工具,我查找按钮的类名,然后很容易更改颜色,请参见图
因此,我试图通过将此css代码添加到
style.css
文件
.qt_content_center {
color: red;
}
我刷新了页面,并验证了已加载编辑的文件,但按钮颜色没有更改。
我也试过了
#qt_content_center {
color: red;
}
但不起作用。
这是按钮在inspector工具中的显示方式
<div id="ed_toolbar" class="quicktags-toolbar" style="position: absolute; top: 87px; width: 702px;">
<input type="button" id="qt_content_collpasible button" class="ed_button button button-small" value="BTN">
<input type="button" id="qt_content_content" class="ed_button button button-small" value="CON">
<input type="button" id="qt_content_center" class="ed_button button button-small" value="center">
<div>
可能要设置按钮样式,代码必须放在函数中。php文件,但css代码不起作用,是吗?
最合适的回答,由SO网友:Matthew Woodard 整理而成
您可以使用[admin_head][1]
钩
add_action(\'admin_head\', \'my_custom_admin_styles\');
function my_custom_admin_styles() {
echo \'<style>
#qt_content_center {
color: red;
}
</style>\';
}
注意:或者,您可以使用相同的函数添加样式表。
编辑:向WP Admin添加自定义样式表。
add_action( \'admin_enqueue_scripts\', \'load_admin_styles\' );
function load_admin_styles() {
wp_enqueue_style( \'admin-styles\', get_template_directory_uri() . \'/admin-styles.css\', false, \'1.0.0\' );
}