有什么办法给选项元素一个边框？

我使用Chrome的，我觉得它不会呈现一个底部边框选项元素：有什么办法给选项元素一个边框？

<select> 
    <option>Hello</option> 
    <option style="border-bottom: 3px solid red;">How are you</option> 
    <option>What's up</option> 
</select>

我使用Twitter的引导，知道这个框架通过JavaScript提供的CSS限制的变通方法。有没有办法通过JavaScript或其他技术来获得这个边框底部的工作？

来源

2016-07-27 Donato

http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single-option/ –

使用自定义选择。原生选择是不可能的。 – dfsq

[Select menu option border none]可能重复（http://stackoverflow.com/questions/14056300/select-menu-option-border-none） – showdev

-2

简单的css嵌套是必需的。

代码如下

select option:first-of-type{ 
               border-bottom:solid red 3px; 
               }

您可以使用此伪类样式的标记，它是一个父标签中的第一个元素。

来源

2016-07-27 18:54:21

您是否测试了这个理论？在哪些浏览器中起作用（我愿意猜测它在Chrome中不起作用）？ –

有什么办法给选项元素一个边框？

回答

相关问题