简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

CSS3 ::selection选择器_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:39:13
원래의
1012명이 탐색했습니다.

之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色。今天有兴趣查看了一下，原来是一个很简单的CSS3的选择器::selection的用法。

上例子：

<style>        .selectColor::selection{color:#fff;background:pink;}        .selectColor::-moz-selection{color:#fff;background:pink;}        .selectColor::-webkit-selection{color:#fff;background:pink;}</style><body>    <p>普通文本，不设置::section,选中时文本的颜色为白色，背景色为蓝色</p>    <p class="selectColor">选择文本的颜色为白色，背景色为粉色</p></body>
로그인 후 복사

只能向::selection选择器应用少量CSS属性：color、background、cursor以及outline。

浏览器支持：

IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。

Firefox 支持替代的 ::-moz-selection。

 

관련 라벨：
CSS3 ::selection选择器
원천：php.cn
이전 기사：less 预处理器的方式来编写 CSS_html/css_WEB-ITnose 다음 기사：iOS Core Animation详解（五）CATransition_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
웹사이트에서 입력 요소를 가져올 수 없습니다. 그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙...
에서 2024-04-06 18:59:57
0
1
442
vue vee-validate는 날짜 선택기 선택 문제를 포착합니다. 내 datepicker 필드의 v-model 바인딩이 제대로 작동하지 않습니다. 선택하면 화면에 실시간으로 업데이트되지만 formValues ​​반응형 개체에 값...
에서 2024-04-06 11:38:56
0
1
510
JS를 사용하여 재생 품질 제어 Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니...
에서 2024-04-04 00:21:55
0
1
384
알 수 없는 선택기와 하위 항목이 있는 Javascript 이벤트 위임 요소에 대한 클릭을 캡처하는 동적 선택기(linkTrigger)가 있습니다. linkTrigger가 무엇인지 또는 일부 하위 항목이 있는지는 알 수 없습니다. j...
에서 2024-04-03 23:39:19
0
1
420
특정 속성이나 태그가 포함된 div 요소를 대상으로 CSS 선택기를 사용하는 방법은 무엇입니까? 저는 웹사이트를 생성하는 POS 시스템을 개발하고 있습니다. 대부분의 코드는 독점이므로 편집할 수 없습니다. 일부 이미지가 카테고리로 떠 있는 카테고리 출력 목록...
에서 2024-04-03 22:25:59
0
1
277
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！