img에서 상속 된 스타일 제거/완전히 재설정

Question

HTML 속성 만 사용하여 비례 적으로 늘어나는 이미지가 있습니다. CSS가 설정되지 않은 기본 동작에서는 height 속성이 자연 높이의 절반으로 설정된 경우 너비가 자동으로 자연 너비의 절반도됩니다.

예 :

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

문제는 내가 그이 동작을 변경 해킹 싶지 않아 외부 라이브러리에서 스타일을 상속하고 있다는 점이다.

스타일을 브라우저 기본 동작으로 되돌리려면 요소가 전혀 스타일이 지정되지 않은 것처럼 보일 수 있습니다.

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

실패 시도 :

• 설정 폭 : 자동; 높이 : 자동이 작동하지 않습니다. 설정 폭 : 초기; height : 머리 글자가 작동하지 않습니다.
• element.style.width 및 element.style.height를 null 또는 빈 문자열로 설정해도 작동하지 않습니다.
• element.style.width을 삭제하고 삭제 element.style.width하지 일

어떤 생각을합니까?

Answer 1

당신은 문제는 부트 스트랩의 height: auto; CSS 규칙입니다

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

을 style 속성을 사용하는 대신 height으로 작동 할 수 있습니다. height 속성은이 규칙을 대체 할 수 없습니다. 따라서 CSS 규칙 만이 CSS 규칙을 재정의 할 수 있습니다.