Как увеличить размер кнопки выбора в поле <select>?

0

Я хочу увеличить размер кнопки со стрелкой вниз в поле <select>. Мой код похож на ниже:

<select>
  <option>Select City</option>
  <option>City1</option>
  <option>City2</option>
</select>

Как увеличить размер стрелки?

  • 0
    Вы пробовали что-нибудь?
  • 0
    @CDnDT Вы хотите увеличить размер select-button-arrow или полного select box
Показать ещё 1 комментарий
Теги:

3 ответа

4

Я сделал это, используя поддельный div.
FIDDLE

.styleSelect {
    position: absolute;
    z-index: 10;
    width: 168px;
    height: 34px;
    border: 1px solid #000;
}
0

Элемент <select> генерируется приложением, а стиль не является частью спецификации CSS/HTML.

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

  • 0
    Подумайте об удалении этого ответа, если вы написали лучший ответ.
  • 0
    @DannyBeckett Хотя я и получил ответ, но он основан на этом тезисе. :)
0

используйте этот код css

select
{
    width:200px;
}
  • 2
    я предполагаю, что он хочет увеличить размер select-button-arrow и не полный select box
  • 1
    ему решать быть более конкретным
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню