아이폰 input 박스선 없애기
요런 bg이미지로 깔고 input창을 투명하게 넣어줬다.
문제는 사파리랑 아이폰시뮬레이터에서도 투명하게 잘나오는데.
정작 아이폰에서 보면 박스선이 보이는거다. ㅡㅡ;
해결방법은.
-webkit-border-radius:0; -webkit-appearance:none;
[출처] 모바일웹 표준코딩 - 아이폰 input 박스선 없애기|작성자 꼼순
위 사용법으로 하면 크롬은 checkbox가 안보임 대신해결한 소스
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="image"],input[type="tel"],
textarea{-webkit-appearance:none;-webkit-border-radius:0;}
크롬에서 checkbox 안보이는 문제
IE, firefox, opera 다 되는데 chrome과 안드로이드 브라우져에서만 checkbox가 안나와서 원인을 찾아 본 결과
-webkit-text-size-adjust: none;
-webkit-appearance:
none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: 'none'
[출처] 크롬에서 checkbox 안보이는 문제|작성자 제스퍼
댓글 0
댓글 쓰기 권한이 없습니다.
| 23 | 아이폰 텍스트 크기 자동 조절 | 2015.05.02 |
| 22 | -webkit-tap-highlight-color:rgba(0,0,0,0); | 2015.05.02 |
| 21 | background:none;-webkit-appearaance:none;,border-radius:0 | 2015.05.02 |
| 20 | 아이폰 input type이 sumit 일때 css 적용안되는 문제 | 2014.12.10 |
| 19 | 해상도에 따른 폰트 사이즈 | 2013.09.02 |
| 18 | CSS3 media 쿼리로 브라우져 해상도별 지원 | 2013.08.06 |
| 17 | 모바일 코딩 초읽기 | 2013.08.06 |
| 16 | 간단히 모바일용 웹 서비스를 디자인, 코딩할 수 있는 제이쿼리 모바일 닷컴 | 2013.08.06 |
| > | 아이폰 input 박스선 없애기 | 2013.08.06 |
| 14 | 모바일 코딩을 위한 메타테그 | 2013.08.06 |
| 13 | HTML5 enabling script | 2013.03.05 |
| 12 | 미디어 쿼리 문법 | 2013.03.05 |
| 11 | 모바일웹 슬라이드(Swipe)-jqueryMobile을 이용한 swipe 구현 | 2013.03.05 |
| 10 | 말줄임표 : css+jquery | 2012.08.01 |
| 9 | 모바일웹 터치스크롤 구현 iScroll | 2012.07.16 |
| 8 | 아이콘,이미지 체크리스트 | 2012.07.11 |
| 7 | 모바일 웹 해상도 | 2012.07.11 |
| 6 | 모바일 해상도 | 2012.07.11 |
| 5 | 가로/세로 모드 변경관련 스크립트 | 2012.07.05 |
| 4 | 확대, 축소 여부 지정 | 2012.07.05 |