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