jQuery UI 이미지에 원하지 않는 인라인 스타일을 추가하는 대화 상자

Question

개발중인 레일 앱의 프런트 엔드에 Jquery UI를 사용하고 있습니다. jQuery 대화 상자 창을 사용하여 일부 탭 데이터를 표시하고 이러한 탭 중 하나에서 이미지를 일부 렌더링하려고합니다.

자바 스크립트없이 페이지를 볼 경우 이미지 렌더링이 제대로 작동하지만 어떤 이유로 모든 정보를 대화 상자 창에 표시 할 때 이미지를 렌더링하는 마지막 이미지를 제외하고는 어딘가에서 인라인 스타일을 가져옵니다!

 <img alt="Dsc_0085" class="picture" src="/system/sources/3/normal/DSC_0085.jpg?1260300748" /> 
     <img alt="Dsc_0006" class="picture" src="/system/sources/4/normal/DSC_0006.jpg?1260301612" /> 

대화 창 : 대화 상자 창 wihtout

대화 창에 이미지를 넣는 이유

<img alt="Dsc_0085" class="picture" src="/system/sources/3/normal/DSC_0085.jpg?1260300748" style="height: 0px; width: 0px; border-top-width: 1px; border-bottom-width: 1px; font-size: 22px; border-left-width: 1px; border-right-width: 1px; display: inline; "> 
    <img alt="Dsc_0006" class="picture" src="/system/sources/4/normal/DSC_0006.jpg?1260301612" style="display: inline; "> 

내가 해결할 수없는 그들에게 높이와 인라인 스타일을주고있다 0px 너비, 누구 아이디어가 있습니까? (이것에 IE6를 두 번 확인)

Answer 1

는 나도 몰라,하지만 당신은 그것이 CSS에 !important를 사용하여 대체 할 수 있습니다.

$('img.picture').removeAttr('style') 같은 것을 모달 이벤트에 넣을 수도 있습니다. 이미지는 기본적으로 인라인으로 표시되기 때문에

매우 이상한

는 display:inline 인라인 스타일을 넣어 ...하지만 나는 UI 팀이 자신의 이유가 확신합니다.

Answer 2

결국 저는 jqueryui가 추가 한 인라인 스타일을 덮어 쓰는 데 중요한 스타일 시트를 사용했습니다. 나는 그들이 왜 추가되고 있는지의 밑바닥까지 결코 얻지 않았다.

Answer 3

당신은 ... 당신의 CSS에 !important 플래그를 사용할 수

예 : jQuery UI - Autocomplete generated inline style override?