css – 如何风格选择标签的选项元素?

前端之家收集整理的这篇文章主要介绍了css – 如何风格选择标签的选项元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在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>标签,除了颜色和背景颜色。

最广泛使用的跨浏览器解决方案是使用< ul> /< li>并使用CSS对它们进行样式化。框架像Bootstrap做这个好。

猜你在找的CSS相关文章