본문 바로가기

bug fix

web 사파리 크롬에서 input[type=search] border 문제

반응형

input[type="search"] {-webkit-appearance: textfield;box-sizing:content-box} /*web chorome,safari remove border*/

서치타입의 인풋박스는 웹에서 이상한 아우라인이 생긴다. 보더도 안먹힘 위처럼 웹킷속성을 텍스트필드로 바꿔줘야 한다.

브라우저 문제인듯하다.

모바일 사파리,크롬쪽은 문제 없다.

*2012.05.03 박스사이징도 넣어줘야 된다는 글을 봤다. 안넣어도 나왔던거 같던데. 왜 넣는 것일까?

박스 사이징은 padding-box빼고 나머지는 파폭인가에서만 지원한다는 얘기를 들은것도 같았는데

반응형