复选框和选择的背景颜色在css

时间:2014-01-14 14:59:23

标签: html css

我想更改我的复选框的背景颜色,我不能

这是我的代码:

<input type="checkbox" class="color"/>

和css

.color{

    backgoround-color:red;
}

我的错误在哪里:/  而且我想改变选择方式              终奌站     

我试过如下:

<select class="cls">
        <option>Terminal</option>
    </select>
<div class="cls">
<select>
        <option>Terminal</option>
    </select>
</div>

不起作用!

3 个答案:

答案 0 :(得分:2)

属性名称中存在拼写错误:

background-color:red; /* Instead of backgoround-color:red; */

select标签上还有另一个拼写错误:

<select class="cls"> <!-- Instead of <select calss="cls"> -->

答案 1 :(得分:2)

你写错了“背景”。当你纠正它时它应该工作

.color{
    background-color:red;
}

答案 2 :(得分:1)

即使修复了上述拼写错误,我也不认为复选框可以接受背景颜色(现在我不能使用chrome)。

您必须使用自定义复选框图像在其中设置背景颜色。我之前成功使用过这种技术:http://css-tricks.com/snippets/css/custom-checkboxes-and-radio-buttons/