Я хочу изменить цвет фона окна выбора - PullRequest
Новая
       20

Я хочу изменить цвет фона окна выбора

0 голосов
/ 07 июня 2019

Я хочу изменить цвет фона окна выбора. Цвет # F1C26A для фона селектора. Я попытался изменить цвет и фон для этого. Но не меняйся. Любая идея? Спасибо за помощь 

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }

select.form-control:focus::-ms-value {
  color: #F1C26A;
  background-color: #fff; }
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="col-6">
      <select id="Pizzas" name="Pizzas" class="form-control">
        <option value="1" >Option 1</option>
        <option value="2" >Option 2</option>
      </select>
    </div>
  </body>
</html>

Ответы [ 3 ]

0 голосов
/ 07 июня 2019

Просто удалите -ms-значение, так как большинство браузеров не поддерживают только Edge и IE. 

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }

select.form-control:focus {
  color: #F1C26A;
  background-color: #fff; }
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="col-6">
<select id="Pizzas" name="Pizzas" class="form-control"  >
<option value="1" >Option 1</option>
<option value="2" >Option 2</option>
</select>
</div>
</body>
</html>
0 голосов
/ 07 июня 2019

Если вы хотите изменить опцию фона, а не только выбрать, я рекомендую использовать, например, select2 select2.org .

Фон определенно браузер, используя select2, вы можете просто изменитьстили.Конечно, есть и другие варианты выбора.

0 голосов
/ 07 июня 2019

Установите background-color на select, например, select { background-color: #F1C26A; }

...