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

虽然 inherit 在 IE11 中普遍支持，但在各种输入元素的背景上不支持。

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

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

否则您将不得不在元素本身上指定颜色。

background-color:inherit 是否有望在 IE11 中工作？

Is background-color:inherit expected to work in IE11?

html

css

internet-explorer