更改选择HTML选项的样式
可能重复:更改选择HTML选项的样式,html,css,Html,Css,可能重复: 我有一个HTML元素,我希望其中一个选项是斜体。我不记得在哪里,但我见过一些元素,它们有粗体字体和常规字体的组合;可能是一个自定义控件 以下是HTML: <select> <option>select a timezone</option> <option value="0">Casablanca</option> <option value="0">Dublin, Edinburgh, Li
我有一个HTML元素,我希望其中一个选项是斜体。我不记得在哪里,但我见过一些元素,它们有粗体字体和常规字体的组合;可能是一个自定义控件 以下是HTML:
<select>
<option>select a timezone</option>
<option value="0">Casablanca</option>
<option value="0">Dublin, Edinburgh, Lisbon, London</option>
<option value="60">Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
<option value="60" style="font-style:italic;">Brussels, Copenhagen, Madrid, Paris</option>
</select>
选择一个时区
卡萨布兰卡
都柏林、爱丁堡、里斯本、伦敦
贝尔格莱德、布拉迪斯拉发、布达佩斯、卢布尔雅那、布拉格
布鲁塞尔、哥本哈根、马德里、巴黎
这里是
感谢您的建议。是如何在选项标签上使用字体样式的重要参考资料。在某些浏览器中似乎无法做到这一点,并且存在某些限制
option:nth-child(3){
font-style:italic
}
或者,您可以使用javascript
这在Chrome或IE中似乎不起作用。它对你起作用吗?@ajon我没有在Chrome或IE中进行测试。。。只有firefox。我认为nth-child()选择器是css3。你会发现样式选项的选项非常有限,因为IE和Safari在将整个CSS范围应用于选项时存在问题:特别是italic在IE、Safari或Chrome中不起作用:-(