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

CSS如何设置选中文本的颜色_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:31:23
original
1457 Les gens l'ont consulté

CSS如何设置选中文本的颜色:
在默认状态选中的文本颜色和背景颜色并不美观，如果能够给句网站整体的配色来设置被选中文本和背景颜色那么将会极大的提高美观度，下面就通过代码实例介绍一下如何实现此效果。
代码如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">::selection{  background-color:#84ca7f;  color:#000;}::-webkit-selection{  background-color:#84ca7f;  color:#000;}::-moz-selection{  background-color:#84ca7f;  color:#000;}</style></head><body><div>蚂蚁部落欢迎您，只有奋斗才会有美好的明天</div></body></html>
Copier après la connexion

以上代码当选中文本的时候，能够改变背景色和文本颜色，但是::selection选择符具有浏览器兼容性问题，这里就不多介绍了，具体可以参阅CSS的伪对象选择符::selection一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9631

更多内容可以参阅:http://www.softwhy.com/divcss/

Étiquettes associées：
CSS如何设置选中文本的颜色
source：php.cn
Article précédent：二列div宽度自适应_html/css_WEB-ITnose Article suivant：TinyPNG-一个压缩PNG的神站_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
Convertir .HEIC en .JPG en utilisant ImageMagick en PHP J'espère essayer de créer un petit convertisseur d'image qui convertit les fichiers HEIC t...
Depuis 2023-11-02 17:38:57
0
1
264
Silverstripe CMS BlogPost - DropdownField ou SingleSelectField renseigné à partir du champ enum J'essaie d'ajouter une option de couleur de titre à la vue récapitulative de BlogPost. J'a...
Depuis 2023-09-16 16:02:00
0
1
471
Détecter la collision entre deux fonctions fill.Rect J'ai un jeu dans lequel un joueur est contrôlé par les touches fléchées et l'autre joueur ...
Depuis 2023-09-15 13:26:06
0
1
469
Comment définir la couleur du texte sur noir dans l'application Web Flutter lorsque le mode d'affichage de l'appareil est sombre ? J'ai créé une application Web dans Flutter et elle fonctionne comme prévu, mais j'ai des p...
Depuis 2023-09-11 20:16:42
0
1
196
Stockage des composants rendus et de l'état : comment persister lors des rechargements de pages ? Je développe une application de tableau de bord que les utilisateurs peuvent personnaliser...
Depuis 2023-09-11 10:47:00
0
1
208
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！