Style classic editor buttons

时间:2019-09-19 作者:sound wave

我正在尝试在wordpress的经典编辑器中设置按钮的样式,特别是更改内部文本的颜色或更改字体wright属性。

使用浏览器检查器工具,我查找按钮的类名,然后很容易更改颜色,请参见图

enter image description here

因此,我试图通过将此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代码不起作用,是吗?

1 个回复
最合适的回答,由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\' );
}

相关推荐

Firefox CSS Animations Broke

更新到最新版本的Firefox后,我的CSS动画出现了问题。在我的网站上camerabeanbags.co.uk 我有动画按钮,其中渐变在整个资源上设置动画。这在Google Chrome上运行良好,在Firefox上运行良好,直到我更新了Firefox版本。在此页面上,您可以找到一个应该设置动画的按钮-添加到篮子按钮在Chrome中设置了动画,但在firefox中没有-https://www.camerabeanbags.co.uk/product/standard-camera-bean-bag/下面