communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > CSS3 ::selection选择器_html/css_WEB-ITnose

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

WBOY
Libérer： 2016-06-24 11:39:13
original
1039 Les gens l'ont consulté

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

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

浏览器支持：

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

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

 

Étiquettes associées：
CSS3 ::selection选择器
source：php.cn
Article précédent：less 预处理器的方式来编写 CSS_html/css_WEB-ITnose Article suivant：iOS Core Animation详解（五）CATransition_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Impossible d'obtenir l'élément d'entrée du site Web J'essaie donc d'obtenir un élément d'entrée de Twitter mais lorsque je l'exécute, cela con...
Depuis 2024-04-06 18:59:57
0
1
442
vue vee-validate capture le problème de la sélection du sélecteur de date La liaison v-model sur mon champ de sélecteur de date ne fonctionne pas correctement. Lors...
Depuis 2024-04-06 11:38:56
0
1
510
Utilisez JS pour contrôler la qualité de lecture Existe-t-il un moyen de contrôler la qualité de lecture d'une vidéo à l'aide de Javascript...
Depuis 2024-04-04 00:21:55
0
1
384
Délégué d'événement Javascript avec sélecteur inconnu et enfants J'ai un sélecteur dynamique (linkTrigger) qui est censé capturer les clics sur un élément....
Depuis 2024-04-03 23:39:19
0
1
420
Comment utiliser les sélecteurs CSS pour cibler des éléments div contenant des attributs ou des balises spécifiques ? Je travaille sur un système de point de vente qui génère un site Web. La plupart du code e...
Depuis 2024-04-03 22:25:59
0
1
277
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal