Я пытаюсь изменить границу select option, но не могу этого сделать, я пробовал много раз, но не нашел подходящего решения. Я прикрепил экранный снимок.
<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>
Выпадающий выбор является частью того, что называется ShadowDOM. В текущих спецификациях CSS, уровень 3, нет способа ориентировать большинство элементов ShadowDOM. Вы можете прочитать спецификации на ShadowDOM здесь, хотя там мало что там относительно того, что вы хотите.
В Chrome есть несколько проприетарных селекторов для изменения некоторых элементов shadowDOM, но не для всех. У Firefox еще меньше (насколько мне известно), а Opera нет. IE, вероятно, так же плохо или хуже.
Лучше всего с учетом совместимости использовать плагин JQuery для имитации выбора с использованием других элементов HTML, если вы действительно хотите его стилизовать. Здесь аккуратный.
Короткий ответ:
ЭТО НЕ МОЖЕТ БЫТЬ СОВЕРШЕНА с A select ELEMENT
Возможное решение:
Используйте любую библиотеку пользовательского интерфейса (bootstrap, jquery UI или любой другой), чтобы создать пользовательский элемент, подобный элементу, который вы можете стилизовать по своему усмотрению (все они генерируют управление с помощью других, настраиваемых элементов, таких как ul, li, div....)
После проверки нескольких ответов я нашел это в самом стеке. Видимо, то, что вы просили, не может быть сделано.
Вот ссылка и объяснение.
Насколько я понял, это невозможно, это свойства, которые зависят от каждого браузера, никаких вопросов, которые могут сделать вещи немного яснее.
Привет.
Возможно, это может помочь: