크롬에서 보이지 않는 체크 박스 및 드롭 다운 화살표

Question

어떤 이유로 든 내 확인란과 드롭 다운 화살표가 크롬에서 보이지 않지만 여전히 작동합니다.

IE에서 완벽하게 볼 수 있습니다. IE에서 페이지를로드 한 다음 크롬에서 페이지를로드하려고 시도 할 때 대개 Chrome에서 페이지를 새로 고칠 때까지 페이지가로드됩니다.

누구든지 문제가 무엇인지 알 수 있습니까?

참조 이미지 :이 크롬 문제에 http://i.imgur.com/Q66w6.png

Answer 1

A '솔루션'

에

• 작업 관리자를 열고
• TAKS 관리자가 브라우저의 앞에 열려있는 동안 크롬에서 페이지를 새로 고침입니다 .

나는 이것에 대해 읽었을 때 이것이 실제로 작동한다는 것을 믿을 수 없었다. 그러나 나는 내 눈으로 그것을 보았다. 이 문제는 Chrome의 초기 버전 이후로 분명히 존재하지만 현재 버전에서는 여전히 존재하지만 가끔 발생합니다. 이 '수정'이후 영구적으로 사라진 것 같습니다.

Answer 2

나는 그것이 버그라고 생각하며 여전히 거기에 있습니다. ligthbox 창에서 체크 박스를 사용하면 표시되지 않습니다. Chrome을 사용하는 OS-X를 사용 중입니다.

Answer 3

동일한 문제가있는 동안이 질문이 발견되었습니다.

설정 :

input { 
    width:100% 
} 

나에게 문제의 원인이었다. 이 : - 크롬에서 체크 박스의 폭을 설정 그들을 사라지게 할 것

input[text] { 
    width:100% 
} 

내가 (변경 체크 박스의 폭을두고) 원하는 것을이었다.

Answer 4

크롬이 내 스타일을 대신 차지하지 않도록 웹킷 기본값을 덮어 썼습니다.

화려한 부작용은 드롭 다운 화살표를 제거한 것입니다. 굉장해.

이 줄의 CSS가 내 문제의 원인이었습니다.

select{ 
    -webkit-appearance:none; 
} 

Answer 5

user48956 언급 됨; 입력 너비를 100 %로 설정하면 크롬에서 체크 상자가 사라집니다.

부트 스트랩을 사용하며 모든 입력을 100 % 늘리고 싶고 bootstraps form methods을 사용하지 않으려는 양식이있는 경우가 종종 있습니다.이 문제는 여전히 발생합니다.

input {width:100%}을 정의한 경우 확인란이 포함 된 div에 너비를 넣으면 수정됩니다. 예 :

<div style="display:inline-block; width:20px"><input type="checkbox" name="read_privacy_policy" id="read_privacy_policy" class="pull-left"></div> 
<div style="display:inline-block">I have read and understand the Privacy Policy.*</div> 

하거나 입력 자체

Answer 6

에 style="width:auto"을 설정할 수 있습니다 나는 같은 문제

이 CSS 스타일 supression를 입력 확인란 요소에 작용하는 모든 스타일을 시도했다.

-webkit-appearance: checkbox!important;