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

我有一張應該只使用HTML屬性按比例拉伸的圖像。沒有設置CSS的默認行爲是，如果高度屬性設置爲自然高度的一半，那麼寬度也將自動爲自然寬度的一半。刪除/完全重置img上的繼承樣式

例子：

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

的問題是，我繼承了，我不想在劈改變這種行爲的外部庫樣式。

我想將樣式反轉回瀏覽器的默認行爲，以便它看起來該元素根本沒有樣式。

失敗的嘗試：

任何想法？

CSS樣式是被繼承的，還是僅僅是您試圖推翻的圖像元素上的實際高度標記？ –

試試這個：width：auto！important;身高：自動！重要; ！重要的將覆蓋其他所有內容並使用新的值。 – Gajotres

我想讓圖片標籤的高度屬性決定圖片的寬度。比例應該與自然寬度和高度之間的比率相同。我無法更改引導程序，所以我需要對付從它繼承的樣式。 –

你可以把它的工作原理是利用style屬性，而不是height

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

的問題是引導的height: auto; CSS規則。 height屬性不能覆蓋此規則。所以只有一個CSS規則可以覆蓋這個CSS規則。

2012-11-26 12:51:47 Magus

我知道 - 我正在尋找一種方法來對付這個規則。 –

downvoted for copy-pasting錯誤的標記...你像OP一樣混合src和height。（只是在開玩笑） –

糟糕。一個非常糟糕的複製/粘貼。謝謝。 – Magus

回答