Изменить цвет границы в <выберите> HTML-форму

Можно ли изменить цвет рамки в элементе <select/> в форме HTML?

Стиль border-color работает в Firefox, но не в IE.

Я не нашел реальных ответов на Google.

Ответы

Ответ 1

Я хотел бы включить этот блок select в div-блок и установить свойство border следующим образом:

<div style="border: 2px solid blue;">
  <select style="width: 100%;">
    <option value="Sal">Sal</option>
    <option value="Awesome">Awesome!</option>
  </select>
</div>


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

Ответ 2

Как заявил Diodeus, IE не допускает ничего, кроме границы по умолчанию для элементов <select>. Однако я знаю два взлома для достижения аналогичного эффекта:

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

  • Используйте решение Javascript, например, предоставленное здесь.

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

Ответ 3

Нет, элемент управления <select> - это системный уровень управления, а не элемент управления на уровне клиента в IE. Несколько версий назад он даже не играл хорошо - с z-index, ставя себя поверх всего всего.

Чтобы сделать что угодно, вам нужно будет эмулировать функциональность с помощью CSS и ваших собственных элементов.

Ответ 4

select{
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=#FF0000);
}

Работает для меня.

Ответ 5

Вы можете установить цвет рамки в IE, но есть некоторые проблемы.

Арг... Я мог бы поклясться, что вы могли бы это сделать... просто испытали и поняли, что я не прав. Заметки ниже все еще применяются.

  • в IE8 (Beta1 → RC1), изменяющий цвет рамки, или цвет фона/изображение вызывает де-настройку элемента управления в WindowsXP (стрелка вставки и окно выглядят как Windows 95)

  • вы все еще не можете хорошо стилизовать параметры в элементе управления select, потому что IE не поддерживает его. (см. ошибку # 291)

Ответ 6

Замена цвета рамки на контурный цвет должна работать.