2016-07-27 3 views
2

Я использую Chrome и я считаю, это не будет оказывать нижнюю границу опционных элементов:Есть ли способ предоставить элемент опции border?

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

Я использую Twitter Bootstrap и знает, что эта структура обеспечивает обходные давности CSS с помощью JavaScript. Есть ли способ получить эту нижнюю границу с помощью JavaScript или другой техники?

+0

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

+1

Использовать индивидуальный выбор. Это невозможно с помощью собственных выборок. – dfsq

+0

Возможный дубликат [Выбрать пункт меню 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; 
               } 

Вы можете использовать этот класс псевдо стилизовать любой тег, который является первым элементом внутри родительского тега.

+1

Испытывали ли вы эту теорию? В каких браузерах это работало (я готов догадаться, что он не работает в Chrome)? –

Смежные вопросы