Я почти не высказывался по этому поводу из-за того, как глупо не поддерживать стилизацию элемента option. Хотя это плохие новости, спасибо, что сообщили нам. Теперь мне нужно пойти и создать совершенно отдельный элемент управления для работы с чем-то, что я пытаюсь сделать в AngularJS, просто чтобы я мог его стилизовать. Во всяком случае ... +1!
ажется очень простым, но я даже не могу найти что-то, говорящее мне, что это невозможноне говоря уже о том, как это сделать.
У меня есть страница, которая использует расширенный / несколькоselect
с, и я не могу контролировать высоту вариантов. Они выглядят очень уютно. В Firefox CSS-значения дляoption
вheight
а такжеline-height
оба, кажется, имеют желаемый эффект, как иpadding
, но не в Chrome 8 или Safari 5. Я что-то упустил? Вот пример моего кода. Я добавил все, что могло повлиять на опцию в случае, если я пропускаю какое-то важное значение.
body, input, select, checkbox {
font-family:'Avenir Lt Std',AppleGothic,'century gothic',Verdana,sans-serif;
font-size: 15px;
font-weight:200;
line-height: 18px;
}
input, select {
color:#4c2a18;
border: 1px solid #cfc8b4;
background-color:#ffffff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin:0;
}
option {
height: 35px;
padding:5px;
line-height: 35px;
}
<select size="5">
<option value="">This is option 1</option>
<option value="">Option 2</option>
<option value="">Just trying to show how the line height thing works.</option>
</select>
Вы можете просмотреть его в действииВот.