맥과 윈도우에서 동일한 jsp 파일 내 셀렉트박스가 다르게 보여집니다.

Question

안녕하세요.현재 jsp 파일에서 아래와 같은 셀렉트 박스를 만들었습니다. 셀렉트박스 내 옵션 중 value가 "", shaft1, shaft2인 옵션에는 각각의 스타일을 개별 적용시켰습니다. 이 상태로 윈도우 크롬에서 확인해본 결과 정상적으로 셀렉트박스에 스타일이 적용되어 보여집니다.그러나 맥북 크롬에서 확인해보니 셀렉트박스에 스타일이 아예 적용되고 있지 않습니다. 혹시 브라우저의 캐시 문제일까 싶어 캐시 역시 지우고 확인해보았으나 동일한 상황입니다. 도움 주시면 감사하겠습니다.

인계동까마귀 · Answer

저도 그랬던 적이 있는데 윈도우랑 맥이 사용하는 브라우저가 랜더링하는 방식 차이가 있더라구요. 그래서 구글에서 css 리셋 쳐서 코드적용시킨뒤에 해보시면 되더라구요.

오후 · Answer

-webkit-appearance:none;추가해보세요.select / option 의경우 os,브라우저 특성을 많이타서 플러그인등 사용하시는게 정신건강에 좋습니다.

Sourire · Answer

input 서식의 경우 맥OS/iOS는 사파리 webkit 랜더링을 강제합니다.특히 iOS는 브라우저를 달리 깔아도 webkit 엔진이 강제되어서북마크 동기화 같은 기능만 추가된 safari라고 보는게 좋더라고요. 제가 했던 프로젝트는 디자인을 통일하고자 input:hidden을 추가하고 ul > li 박스로 했었습니다.(리액트여서 onClick&#61;{()&#61;>setState(1, 2, 3 ....)} 이렇게 작업했습니다. input 보낼 값을 state값으로 처리했고요)해당 커스텀 select 박스는 hidden 타입 input의 값으로 정했고요마찬가지로 radio와 checkbox도 마찬가지였습니다

맥과 윈도우에서 동일한 jsp 파일 내 셀렉트박스가 다르게 보여집니다.

3개의 답변

기술 목록