Gibt es eine Möglichkeit, einem Optionselement einen Rahmen zu geben?

Question

ich Chrome benutze und ich finde es eine untere Grenze Option Elemente nicht machen:

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

I Twitter Bootstrap bin mit und wissen, dass dieser Rahmen Umgehungen von CSS Einschränkungen über JavaScript bietet. Gibt es eine Möglichkeit, diese Grenze mit JavaScript oder einer anderen Technik zu bearbeiten?

Answer 1

Dazu ist eine einfache CSS-Verschachtelung erforderlich.

Code unter

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

können Sie diese Pseudo-Klasse verwenden einen beliebigen Tag, um Stil, dass das erste Element innerhalb eines übergeordneten Tag ist.