그누보드5 크롬에서input radio checkbox가 표시 되지 않는 문제

무료아이콘 전체게시물 작성일17-08-03 14:30 조회1,144회

본문


그누보드5 크롬에서input radio checkbox가 표시 되지 않는 문제 

 

익스플로러에서는 표시가 되는데

크롬,사파리,오페라에서는 공란으로 아무것도 표시되지 않는데 ㅠㅠ

왜그렇지 훔

 

옵션에 공지 앞에도 체크박스가 활성화 되야 하는데 ㅠㅠ

그외 나머지 아이콘,부가 아이콘,별점,리스트형 항목별 체크박스

라디오 박스가 안 보임 ㅠㅠ

 

 

bf582be840b47a87970f390f1c5393a7_1501731
 

 

뭘 건들연나 ㅠㅠ 딱히 건들인 거 없는거 같은데~

크롬에서 F12 눌러보니 input넓이 높이가 - -다 0x0 사이즈 ㅠㅠ

 

bf582be840b47a87970f390f1c5393a7_1501732

 

아이폰에서는 또 보이고 - -;;;;;;;;;

 

bf582be840b47a87970f390f1c5393a7_1501736
 

 

css 봐도 모르겠다 - 0 -

 

bf582be840b47a87970f390f1c5393a7_1501732

input 스타일에 적용되어 있던 아래의 놈 때문에 

체크박스가 안뜬거였네요 - 0 ㅠ

 

input, button {margin:0;font-family:dotum;font-size:1em; border-radius:0px; -webkit-appearance: none;  /*네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;} 

 

웹킷 계열의 브라우저는 인풋에 둥근 라운드와 그림자가 들어가 있는데 (???)

이것을 초기화 하는 과정에서 문제가 생긴 듯~!! 

 

-webkit-appearance: none;으로 하면 그림자가 깨끗하게 사라진다네요 훔... 

그림자가 사라져야지 왜 체크박스, 라디오 버튼이 사라지냐고 ㅠㅠ

 

IE 계열 (트라이던트)
Firefox 계열 (게코)
웹킷 계열 (웹킷, 크롬 & 사파리) 

 

브라우저로는 큰 변화를 잡아내기 힘들어 아이폰으로 보니 확연한 차이가

보이네요 ㅠㅠ

 

예로 올린 사진은 checkbox,radio 버튼은 아니지만

input, button 에 공통 스타일을 준 상태라 비교하고자 올림.

  

-webkit-appearance: none; 적용된 상태 

 

bf582be840b47a87970f390f1c5393a7_1501735
 

-webkit-appearance: none; 해지한 상태 (주석처리) 

 

bf582be840b47a87970f390f1c5393a7_1501735
 

border-radius:0px; 설정은 그대로 갔는데도 불구하고(모서리의 둥근 정도 0으로 했기 때문에 각진 모서리가 되어야함) 

영향은 받지 않는 --???

 

input에 -webkit-appearance:none;를 먹이면

불필요한 checkbox, radio 버튼까지 영향을 받게 되고

 

 

아래와 같이 해주니 checkbox,radio 정상적으로 보여짐 ㅠㅠ 

 

input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}

input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

 

후아아아 어렵군 - 0 -;;;

 

 

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 4 비추천 0

그누보드 팁

82개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
그누보드 팁 목록
번호 제목 아이디 날짜 조회수 추천
82 그누보드5 - 게시판 보기에서 여분필드 값 특정 레벨만 보여지게 하기 무료아이콘 전체게시물 07-29 13 추천: 1
81 그누보드5 모바일에서 이미지 클릭시 이미지가 짤리는 경우 무료아이콘 전체게시물 07-22 24 추천: 1
80 그누보드5 그누보드5 테마 - 구조, 상수, 파일용도 관련링크 무료아이콘 전체게시물 05-30 374 추천: 1
79 그누보드5 도메인을 바꿨는데 이전 주소로 이미지경로가 잡혀서 이미지가 깨질 때 관련링크 무료아이콘 전체게시물 05-23 451 추천: 2
78 테마 이미지 경로 무료아이콘 전체게시물 05-23 431 추천: 3
77 그누보드5 전체 최근게시물 특정 게시판 제외하기 무료아이콘 전체게시물 05-19 1644 추천: 1
76 그누보드5 그누보드 게시판 보기 첨부된 이미지중 한 장의 이미지만 보이게하기 무료아이콘 전체게시물 03-23 1667 추천: 10
75 그느보드5 조건문 카테고리가 선택된 상태라면... 첨부파일 무료아이콘 전체게시물 02-22 1654 추천: 17
74 그누보드5 테마 헤드풋 단독페이지 만들기 무료아이콘 전체게시물 02-20 1737 추천: 17
73 그누보드5 최근게시물 게시판 이름 보이게, 보이지 않게 조건문 무료아이콘 전체게시물 02-13 1938 추천: 18
72 그누보드5 add_stylesheet('<link rel="stylesheet" href=… 무료아이콘 전체게시물 01-19 2269 추천: 18
71 그누보드4 팝업 게시판 (웹하드 인트로) 첨부파일 무료아이콘 전체게시물 12-26 2154 추천: 7
70 그누보드4 단독페이지 만들 경우 해당 페이지가 선택된 상태라면 메뉴 온,오프 효과 주기 무료아이콘 전체게시물 12-08 2966 추천: 3
69 그누보드4 현재 게시판이 선택된 상태라면, 효과 다르게 주기 무료아이콘 전체게시물 12-08 3158 추천: 3
68 그누보드4 index.php 파일처럼 헤드,섭이 유지되는 페이지 별도로 만들기 무료아이콘 전체게시물 12-07 1546 추천: 2
게시물 검색