简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 11:39:13
asal
1013 orang telah melayarinya

之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色。今天有兴趣查看了一下，原来是一个很简单的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>
Salin selepas log masuk

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

浏览器支持：

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

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

 

Label berkaitan：
CSS3 ::selection选择器
sumber：php.cn
Artikel sebelumnya：less 预处理器的方式来编写 CSS_html/css_WEB-ITnose Artikel seterusnya：iOS Core Animation详解（五）CATransition_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...
daripada 2024-04-06 18:59:57
0
1
442
vue vee-validate menangkap masalah pemilihan pemilih tarikh Ikatan model v pada medan pemetik tarikh saya tidak berfungsi dengan betul. Apabila anda m...
daripada 2024-04-06 11:38:56
0
1
510
Gunakan JS untuk mengawal kualiti main balik Adakah terdapat cara untuk mengawal kualiti main balik video menggunakan Javascript? Lebih...
daripada 2024-04-04 00:21:55
0
1
384
Perwakilan acara Javascript dengan pemilih dan kanak-kanak yang tidak diketahui Saya mempunyai pemilih dinamik (linkTrigger) yang sepatutnya menangkap klik pada elemen. S...
daripada 2024-04-03 23:39:19
0
1
420
Bagaimana untuk menggunakan pemilih CSS untuk menyasarkan elemen div yang mengandungi atribut atau teg tertentu? Saya sedang mengusahakan sistem POS yang menjana laman web. Kebanyakan kod adalah propriet...
daripada 2024-04-03 22:25:59
0
1
277
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！