Выбрать пункт меню border

Я пытаюсь изменить границу select option, но не могу этого сделать, я пробовал много раз, но не нашел подходящего решения. Я прикрепил экранный снимок.

enter image description here

<head>
  <style>
    select option {
      background:transparent;
      border:0;
    }
  </style>
</head>

<body>
  <select>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
  </select>
</body>

Ответы

Ответ 1

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

В Chrome есть несколько проприетарных селекторов для изменения некоторых элементов shadowDOM, но не для всех. У Firefox еще меньше (насколько мне известно), а Opera нет. IE, вероятно, так же плохо или хуже.

Лучше всего с учетом совместимости использовать плагин JQuery для имитации выбора с использованием других элементов HTML, если вы действительно хотите его стилизовать. Здесь аккуратный.

Ответ 2

Короткий ответ:

ЭТО НЕ МОЖЕТ БЫТЬ СОВЕРШЕНА с A select ELEMENT

Возможное решение:

Используйте любую библиотеку пользовательского интерфейса (bootstrap, jquery UI или любой другой), чтобы создать пользовательский элемент, подобный элементу, который вы можете стилизовать по своему усмотрению (все они генерируют управление с помощью других, настраиваемых элементов, таких как ul, li, div....)

Ответ 3

После проверки нескольких ответов я нашел это в самом стеке. Видимо, то, что вы просили, не может быть сделано.

Вот ссылка и объяснение.

Объяснение

Ответ 4

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

Привет.

Возможно, это может помочь:

Как стиль <select> выпадающий с CSS только без JavaScript?