我正在尝试设置一个的风格option
in a select
Google Chrome 中的下拉菜单。它适用于除 IE9 和 Chrome 之外的所有浏览器。
option.red {
background-color: #cc0000;
font-weight: bold;
font-size: 12px;
color: white;
}
<select name="color">
<option class="red" value="red">Red</option>
<option value="white">White</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
</select>
在不使用 JavaScript 的情况下,有没有办法为 Google Chrome 中的选项设置样式?一旦选择,背景颜色就不会显示。
不幸的是,WebKit 浏览器不支持以下样式<option>
标签还没有,除了color
and background-color
.
最广泛使用的跨浏览器解决方案是使用<ul>
/ <li>
并使用 CSS 设置它们的样式。像这样的框架引导程序 http://twitter.github.io/bootstrap/做好这件事。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)