我想更改选择框的背景颜色。颜色是#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>
答案 0 :(得分:0)
在background-color
本身上设置select
,就像select { background-color: #F1C26A; }
答案 1 :(得分:0)
只需删除-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>
答案 2 :(得分:0)
如果您不仅要更改背景选项,我建议使用例如select2 select2.org。
绝对是浏览器的背景,使用select2,您可以简单地更改样式。 当然,变更选择还有更多的变化