css - 删除/完全重置 img 上的继承样式

Question

我有一张图片，应该只使用 HTML 属性按比例拉伸(stretch)。没有设置 css 的默认行为是，如果 height 属性设置为自然高度的一半，那么宽度也将自动为自然宽度的一半。

例子:

<img height="path/to/image.jpg" height="{half natural height}" />

问题是我从外部库继承了样式，我不想修改它来改变这种行为。

我正在尝试将样式反转回浏览器默认行为，这样看起来该元素根本就没有样式化。

http://jsfiddle.net/23Hz4/2/

失败的尝试:

• 设置宽度:自动； height: auto 不起作用。设置宽度:最初的; height: initial 不起作用。
• 将 element.style.width 和 element.style.height 设置为 null 或空字符串不起作用。
• 删除 element.style.width 并删除 element.style.width 不工作

有什么想法吗？

Answer 1

您可以使用 style 属性而不是 height 使其工作

<img src="path/to/image.jpg" style="{height: half height};" />

问题是 height: auto; bootstrap 的 css 规则。 height 属性不能覆盖此规则。所以只有一个 css 规则可以覆盖这个 css 规则。