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

Question

我正在使用Chrome，但我发现它不会为选项元素呈现底部边框：

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

我正在使用Twitter Bootstrap并且知道这个框架通过JavaScript提供了CSS限制的变通方法。有没有办法通过JavaScript或其他技术让这个边框底部工作？

Answer 1

此处需要简单的css嵌套。

您的代码

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

您可以使用此psuedo类来设置任何标记，该标记是父标记内的第一个元素。