RAMY, LEE - 은은한 조약돌이 되기 위한 정진의 길.

  • 홈
  • 태그
  • 방명록

파이어폭스셀렉트박스선 1

[Cross browsing] Firefox 브라우저에서 select focus 시 보더 생기는 현상.

안녕하세요 ~ 레미입니다. 이번 내용은 파이어폭스 브라우저에서 select 선택 시, option 박스에 점선이나 실선이 생기는 현상에 대해 이야기해보려고 해요! 이 현상은 단순하게 outline:0 속성으로 해결될 줄 알았으나! 해결되지 않더라고요. 그래서 구글링 하여 찾은 아래와 같은 방법으로 해결했습니다. select { color: transparent !important; text-shadow: 0 0 0 #000 !important; } 위처럼 추가하고, select option { color:#333; } 옵션에 컬러 재지정하지 않으면 option 컬러가 안 나올 수 있으니 꼭 지정해주세요. 그러나, 웹 접근성 준수할 시엔 outline을 살려야 합니다. 웹 접근성 미준수 시에만 사용해 주세..

DEV/CSS 2020.09.13
이전
1
다음
더보기
프로필사진

RAMY, LEE - 은은한 조약돌이 되기 위한 정진의 길.

  • 분류 전체보기 (23)
    • DEV (18)
      • WEB (8)
      • HTML (1)
      • CSS (8)
      • CSS Animation (0)
      • JS (0)
      • 데이터시각화 (0)
      • TIPS (1)
    • 개발영어공부 (0)
    • 정보처리기사시험 (5)
      • 2020-2회차 필기 (5)

Tag

iossafearea, a링크href팝업제거, a링크url팝업제거, 아이폰노치, ioshomebutton, 아이폰홈버튼배경, iosstatusbar, 웹url상태바제거, 브라우저상태바제거, 걸프세팅, 크롬url상태바제거, a링크상태바제거, ios노치이슈, removealinkstatusbar, 프론트개발환경, 2020정보처리기사필기, 걸프설치, 아이폰safearea, 걸프리액트설치, 아이폰상태바배경,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바