내가 여기에서이 코드를 발견 텍스트 상자 CSS

Question

반올림. 이것에 대한 해결책은 무엇입니까? 하이라이트는 둥근 모서리

/* Rounded Corner */ 
.tb5 { 
    background: url(images/rounded.gif) no-repeat top left; 
    height: 22px; 
    width: 230px; 
} 
.tb5a { 
    border: 0; 
    width:220px; 
    margin-top:3px; 
} 

Answer 1

이는 구글 크롬과 같은 일부 브라우저에서 발생한다으로 이미지와 함께 갈 수 있도록, 사용성 및 접근성 수 있도록하기위한 것입니다하지만 몇 가지 스타일에 문제가 발생할 수 있습니다. 같은

input[type="text"] { 
    outline: none; 
} 

는 또한, 당신이 psedo 선택기를 사용하여 배경 이미지 변경을 포함하여 여전히 텍스트 상자를 강조 시도 할 수 있습니다 : 당신이하고 싶은 것은이 같은 dynamic outlines을 제거입니다 초점

input[type="text"]:focus { 
    background: url(images/rounded-focused.gif) no-repeat top left; 
}