크롬 입력에 테두리가 없습니다.

이상한 테두리가있는 검색 입력이 있습니다. 나는 이미 윤곽선, 그림자, : 초점 및 : 활성 스타일을 제거하고 결과를 얻지 못했습니다.크롬 입력에 테두리가 없습니다.

이것은 Chrome에서만 발생합니다. Firefox와 Safari에서는 경계가 없습니다. http://d.pr/i/yPNo - - 여기

가 스크린 샷 그리고 여기에 내가 사용하고 코드입니다 - 여기 http://jsfiddle.net/3CDcV/

2012-07-10 Chachoo Aguirre

이동 jsfiddle 코드는 크롬에서 제대로 렌더링하기 위해 나타납니다/맥 20.0 .1132.47 – lukiffer

내 크롬에 없습니까? 저를 도울 수 있습니까? –

어떤 크롬 버전을 사용하고 있습니까? 스크린 샷을 통해 알 수는 없지만 입력 요소 자체에 요소가있을 수 있습니다. 입력 요소에는 올바른 둥근 테두리가 있지만 다른 요소는 테두리 부분을 가리고 있습니다. – lukiffer

당신이

input[type="search"]{ 
    border-radius:4px; 
    -webkit-border-radius: 4px; 
    height:25px; 
    width:150px; 
    background:#181818; 
    border:1px solid #0e0e0e; 
    padding-left:5px; 
    color:#666; 
    font-size:10px; 
    -webkit-box-shadow: 1px 1px 0px 1px #202020; 
    box-shadow: 1px 1px 0px 1px #202020; 
    margin-left:5px; 
    margin-right:5px; 

    -moz-appearance:none; 
    -webkit-appearance:none; 
}

DEMO.

출처

2012-07-10 03:52:21

그 두 가지 추가 속성이 필요한 이유에 대한 간단한 기사 : http://css-tricks.com/webkit-html5-search-inputs/ –

어. 너는 나를 때렸다. –

크롬 입력에 테두리가 없습니다.

답변

관련 문제