Html select с прозрачным фоном

Question

Html select с прозрачным фоном

Рейтинг: 0Ответов: 1Опубликовано: 26.08.2023

Мне нужен css с полностью прозрачным фоном, однако если сам элемент select этому поддаётся, то option нет. Ему можно поставить любой цвет, но если изменить прозрачность, то вместо этого появляется стандартный белый блок, как я могу это исправить?

css html html-select

Источник: Stack Overflow на русском

Answer 1

▲ 2

Это можно сделать с помощью JQuery

 $( function() {
    $( "#speed" ).selectmenu();
  } );

body{
  background-color: #225226;
}

.ui-widget-content{
  background-color: transparent !important;
}

<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
</head>
<body>
    <select name="speed" id="speed">
      <option>Slower</option>
      <option>Slow</option>
      <option selected="selected">Medium</option>
      <option>Fast</option>
      <option>Faster</option>
    </select>
</body>

Конечно, слишком, использовать JQuery для таких задач, но если очень хочется, то почему бы и нет.

Html select с прозрачным фоном

Ответы