select, input등 form요소의 기본속성 초기화방법
select, input등에 원치않는 그라데이션과 라운드가 처리되어 있고, input 크롬 브라우저에서 주황색 테두리가 나올때 form 요소의 기본속성을 초기화하는 방법입니다.
input-type:number ▲▼
- 폰으로 확인화면 눈으로 확인할수있다 !
css
input{outline-style:none;} /*크롬 브라우져 input 주황색 테두리 없애는법*/
border-radius:0px 0px; /* 아이폰의 input 라운드 초기화 */
-webkit-appearance:none; /* form 요소의 디바이스 기반 스타일 초기화 */
input{outline-style:none;} /*크롬 브라우져 input 주황색 테두리 없애는법*/
border-radius:0px 0px; /* 아이폰의 input 라운드 초기화 */
-webkit-appearance:none; /* form 요소의 디바이스 기반 스타일 초기화 */
'Data > css/css3' 카테고리의 다른 글
| 모바일 a링크 터치시 발생하는 하이라이트 제거 방법 (0) | 2015.11.17 |
|---|---|
| [css]web말줄임, mobile말줄임, table말줄임 (0) | 2014.06.19 |
| element 요소 선택자 (0) | 2014.02.03 |
| [css3]display:table, table-cell, -webkit-box를 이용하여 구조 만들기 (0) | 2014.01.29 |
| [css3]display: -webkit-box (0) | 2014.01.28 |
