Question

我想更改选择框的背景颜色。颜色是＃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>

Answer 1

在background-color本身上设置select，就像select { background-color: #F1C26A; }

Answer 2

只需删除-ms-value，因为大多数浏览器仅边缘和IE不支持-ms-value。

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>

Answer 3

如果您不仅要更改背景选项，我建议使用例如select2 select2.org。

绝对是浏览器的背景，使用select2，您可以简单地更改样式。当然，变更选择还有更多的变化

我想更改选择框的背景颜色

3 个答案: