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

Question

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

例子：

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

问题是我从一个我不想修改的外部库继承样式，这会改变这种行为。

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

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

尝试失败：

• 设置宽度：自动；高度：自动不起作用。设置宽度： 最初的;高度：初始不起作用。
• 将 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; css 规则。 height 属性不能覆盖此规则。所以只有一个 css 规则可以覆盖这个 css 规则。