브라우저별 설정

브라우저별 명칭

- webkit / safari, chrome

- o / opera

- moz / firefox

- ms / explorer

-webkit-tap-highlight-color

포커스가 될 떼의 색상을 결정한다. 아이폰에서는 사각형 박스형태로 표시되며 색상, 알파값이 제대로 적용이 된다. 안드로이드에서는 알파값이 0이 아니라면 두꺼운 주황색테두리로 표시가 된다. 

사용예) -webkit-tap-highlight-color:rgba(255,255,255,255) 처럼 사용할 수 있다.

-webkit-text-size-adjust:none;

텍스트 비율을 조정한다. 속성 : auto(기본값) | none

-webkit-border-radius:2px;

인풋 요소의 라운딩을 조절

-webkit-appearance:none;

브라우저별로 인풋에 기본스타일이 적용되어 있다. 기본으로 입혀져 있는 스타일을 없앨 때 -webkit-appearance:noen;를 사용한다.