select:disabled {
  background-color: #BBBBBB;
}
<select disabled>
  <option>test</option>
</select>

如果您在Chrome上运行上面的代码,然后使用 colored颜色 Select 器判断SELECT标记的背景 colored颜色 ,您将得到#CFCFCF而不是#BBBBBB

在标签上做同样的工作与预期的一样,这是Chrome中的错误还是我遗漏了什么?

推荐答案

disabled会更改项目的不透明度.添加opacity: 1;

select:disabled {
  background: #BBBBBB;
  opacity: 1;
}
<select disabled>
  <option>test</option>
</select>

Html相关问答推荐

CSS属性不适用于IOS设备

如何让一个动态列表以网格方式水平显示

如何增加行背景的宽度而不影响上面的内容?""' HTML CSS

带有多种 colored颜色 的HTML按钮

正文不能填满浏览器100%的高度

为什么我的网页底部是蓝色背景而不是渐变色?

使用HTML进行DAX测量

未知高度正在应用于前标记

在每个列宽由带有固定值的minmax()函数定义的网格中,CSS如何为列分配空间?

我无法动态嵌入Instagram帖子,因为无法分配Instagram固定链接

Chatbox底部显示新消息,并向上推送旧消息

如何在ASP.NET Core中添加换行符

如何在 VS Code 中 Select 和删除 HTML 元素(其标签和内容)?

将现有内容拆分为三列或部分

如何使文本区域自动扩展到最大高度?

XPATH Select h2标签和

标签之间或h2标签和 标签之间的td元素,以立即为准

导航丸被选中(活动),但内容未显示.怎么会?

AWS SES:如何正确使用 CSS

水平滚动框不显示所有元素

为什么我的动画会向 Moz Firefox 中的微调器添加人工制品?