简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

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

WBOY
Libérer： 2016-06-24 11:39:13
original
970 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
WordPress 6.0 (add_editor_style) ne charge pas style.css dans l'éditeur Gutenberg Je suis le cours UdemyWordPress pour créer un thème de bloc WordPress personnalisé. J'ai e...
Depuis 2023-11-12 20:37:50
0
2
261
v-date-picker pour sélectionner uniquement le mois et l'année S'il vous plaît dites-moi s'il existe un autre moyen de procéder en utilisant v-date-picke...
Depuis 2023-11-10 14:05:05
0
1
269
Routeur Vue JS : recharger la page lors de la redirection J'ai une application avec les fichiers Login.vue et Home.vue. Parce que je convertis le si...
Depuis 2023-10-26 11:53:46
0
2
188
Est-il possible d'utiliser :nth-child() ou :nth-of-type() avec n'importe quel sélecteur ? Existe-t-il un moyen de sélectionner le nième élément enfant qui correspond (ou ne corresp...
Depuis 2023-10-20 17:04:56
0
2
347
Réécrivez le titre comme suit : Obtenez les noms de champs MySQL à l'aide de variables Est-il possible de sélectionner un champ avec un nom de chaîne ? SELECT "FIELD NAME&q...
Depuis 2023-10-20 09:39:08
0
2
311
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！