html - 样式化 Wordpress 插件复选框

Question

我正在尝试通过编辑 Theme 的 style.css 来更改 Wordpress 插件的复选框样式。我用 Css 尝试了几个选项，但我没有得到它来表示复选框默认样式上的叠加图像。这是结构:

<div id="box-1" class="box">
    <label for="var_1">
    <input id="var_1" name="variable_1" data-type="checkbox" data-req="" data-message="" type="checkbox">
    Variable 1
    </label>        
    </div>

我已经试过了，但是不行:

input[type=checkbox] {
    opacity: 0;
    float: left;
    width: 18px;
}
input[type=checkbox] {
    margin: 0;
    clear: none;
    padding: 5px 0 4px 24px;
    cursor: pointer;
    background: url('images/overlay_image.png');
}

提前致谢。

Answer 1

您是否尝试过从插件 css 文件更改插件 css？

wp-content/plugins/(你的插件)

在那里寻找一个css文件

或者，这不是最好的解决方案，但是......

input[type=checkbox] {
    opacity: 0 !important;
    float: left !important;
    width: 18px !important;
}
input[type=checkbox] {
    margin: 0 !important;
    clear: none !important;
    padding: 5px 0 4px 24px !important;
    cursor: pointer !important;
    background: url('images/overlay_image.png') !important;
}