EXT.Js 프레임 워크를 사용하고 IE9에서 문제가 발생합니다 (IE8 및 이전 버전 모두 정상적으로 작동합니다) : 클릭하면 모든 체크 상자 근처에 점선으로 된 테두리가 나타납니다.체크 상자 근처에 점선으로 된 점선 IE9
body.ext-ie input{
outline: none;
}
을하지만 그것은 작동하지 않습니다 나는 주요 CSS 파일에 설정했습니다.
나는 내 체크 박스와 관련된 레이블에 대해 생각하지만, 실제로 그것을 고치는 방법을 모른다.
내 문제의 예 :
의 ExtJS 코드,이 체크 박스를 생성 할 수 있습니다 :
{
fieldLabel: 'XXXX XXXX',
name: 'XXXX',
xtype: 'checkbox',
disabled: !isXXXXX}
CSS 파일은 여기에 있습니다 : css file
UPD 1
JS :items [{
fieldLabel: 'xxx',
name: 'xxx',
xtype: 'checkbox',
style: {outline: 'none'},
onfocus: function() {this.style.outline = "none"; }
}]
는 다음과 같은 HTML generetes : 16,
은 내가 ExtJS에 아래와 같은 파일을 수정 한 문서 모드 쿼크 모드 (페이지 기본값)에
<div class="x-form-check-wrap" id="ext-gen271" style="width: 180px;">
<input type="checkbox" autocomplete="off" id="ext-comp-1161" name="persistentRecoveryEnabled" class=" x-form-
checkbox x-form-field" style="outline: none;" checked="">
<label for="ext-comp-1161" class="x-form-cb-label" id="ext-gen272"> </label>
</div>
을 점선이 주위에 표시되는 " x-form-cb-label "이라고합니다.
문서 모드 IE9 Standart 점선이이 설정과 함께 나타나지 않습니다.
CSS 수정이 전혀 도움이되지 않습니다.
- 방법 JS를 통해
class="x-form-cb-label"
에 스타일을 설정하려면 :그래서, 두 가지 질문이 있습니다?
- 문서 모드 IE9 Standarts를 JS로 페이지 기본값으로 설정하는 방법은 무엇입니까? 당신은 의심으로
HTML/CSS를 표시하거나 [JSFiddle] (http://jsfiddle.net/)을 만드십시오. – Vucko
http://pastebin.com/VW7PLm3J css 파일 –
@ProtosZetZ 그리고 HTML은 어떻습니까? 원래의 질문에 포함 시키면 더 좋을 것입니다. –