css - 删除/完全重置 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 规则。