刪除/完全重置img上的繼承樣式

Question

我有一張應該只使用HTML屬性按比例拉伸的圖像。沒有設置CSS的默認行爲是，如果高度屬性設置爲自然高度的一半，那麼寬度也將自動爲自然寬度的一半。

例子：

<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規則。