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

  • 홈
  • 태그
  • 방명록

css하이라이트 1

[Text highlight] ::selection pseudo selector 를 사용하여 텍스트 파란색 하이라이트 색 변경 또는 제거하기.

안녕하세요~ 레미입니다. 오늘은 매우 간단한 css 팁을 데려왔어요. 웹사이트에서 기사와 같은 텍스트를 드래깅하면 아래 이미지와 같은 파란색의 배경 + 흰색 글자 색상을 볼 수 있습니다. 브라우저에서 기본적으로 제공되는 스타일이에요. 그 색상을 "::selection" 이라는 선택자로 손쉽게 변경할 수 있는데요. 배경, 글자색 뿐만아니라 더 다양한 항목의 색상과 모양을 바꿀 수 있다는 점이 재밌어요. 저도 이 글을 포스팅 하기 위해 찾아보며 더 자세히 알게 되었습니다. "::selection" 소개 - 글자를 마우스로 선택하거나 드래깅했을 때 특정 태그에 스타일을 적용할 수 있는 가상 선택자입니다. 사용 방법 - css에 아래 예시와 같이 설정할 수 있습니다. "::selection"만 사용 시 모든 태..

DEV/CSS 2021.01.24
이전
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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 06  
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.