首页 > web前端 > css教程 > 如何最终更改 Firefox 中的复选框颜色?

如何最终更改 Firefox 中的复选框颜色?

Mary-Kate Olsen
发布: 2024-10-29 20:07:02
原创
1088 人浏览过

How To Finally Change Checkbox Colors in Firefox?

更改复选框颜色:一个持久的谜题

设置复选框背景颜色的样式历来是一个挑战。尽管尝试了样式设计,Firefox 29 用户始终面临着未更改的复选框颜色。

寻求解决方案

开发人员探索了各种 CSS 规则,包括:

<code class="css">input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;
}</code>
登录后复制

然而,这些尝试被证明是徒劳的。

美丽新世界

随着CSS属性accent-color的引入,浏览器对复选框样式的支持终于扩展了。现在,开发人员可以简单地分配他们想要的颜色:

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}

<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked />
<input id="cb3" type="checkbox" checked /></code>
登录后复制

这一突破使开发人员能够轻松自定义复选框颜色,从而将设计灵活性提升到一个新的水平。

以上是如何最终更改 Firefox 中的复选框颜色?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板