background-color:inherit是否需要在IE11中工作？

Question

CSS的“background-color:inherit；”似乎不适用于IE11。

给定此HTML：

<a style="background-color:#002538;">
  <button type="button" style="background-color:inherit;" onclick="alert('Hello world!')">Click Me! 
  </button>
</a>

在Chrome中，你会得到这样的结果：

​

但在IE11中，你最终会得到这样的结果：

​

其他CSS属性，如“padding”，似乎可以很好地处理继承。这是预期的行为吗？

Example to try in both Chrome and IE11 to see the difference

IE版本11.418.18362.0

Answer 1

虽然IE11通常支持inherit，但在各种输入元素的背景上不支持它。

如果您只想让背景与父元素的背景相匹配，那么在大多数情况下，使用transparent可能是伪造它的好方法。此外，您不应该将button包装在a标记中，因为这即使在HTML5中也是无效的，尽管这不是您麻烦的原因。

​

<span style="background-color:#002538;">
  <button type="button" style="background-color:transparent;" onclick="alert('Hello world!')">Click Me! 
  </button>
</span>

​

否则，您必须在元素本身上指定颜色。