有什麼辦法給選項元素一個邊框？

我使用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中不起作用）？ –

有什麼辦法給選項元素一個邊框？

回答

相關問題