如果我有一个设置了显式背景颜色的div,并且里面有一个input元素,背景颜色设置为'inherit',那么它在Chrome、Firefox和Safari上就能正常工作,但在IE 8、9或10上就不能工作了。
下面是一个说明问题的最小示例:jsbin example
文本框应具有相同的背景色。当您将鼠标悬停在div上时,div的背景颜色会发生变化,输入也会发生变化。当你点击输入的时候,有一个:焦点规则,它覆盖了继承。
发布于 2013-07-06 00:11:26
背景颜色:透明不是可以接受的解决方案吗?
发布于 2017-08-24 18:58:22
将!important
添加到您的规则属性:
input {
background-color: inherit !important;
border-width: 0;
}
https://stackoverflow.com/questions/17492956
复制相似问题