你需要把
background-color对
option标签,而不是
select标签…
select option { margin: 40px; background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}如果要为每个
option标签设置样式,请使用css
attribute选择器:
select option { margin: 40px; background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}select option[value="1"] { background: rgba(100, 100, 100, 0.3);}select option[value="2"] { background: rgba(150, 150, 150, 0.3);}select option[value="3"] { background: rgba(200, 200, 200, 0.3);}select option[value="4"] { background: rgba(250, 250, 250, 0.3);}<select> <option value="">Please choose</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option></select>


