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

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

WBOY
Lepaskan： 2016-06-24 11:31:23
asal
1457 orang telah melayarinya

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>
Salin selepas log masuk

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

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

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

Label berkaitan：
CSS如何设置选中文本的颜色
sumber：php.cn
Artikel sebelumnya：二列div宽度自适应_html/css_WEB-ITnose Artikel seterusnya：TinyPNG-一个压缩PNG的神站_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
Tukar .HEIC kepada .JPG menggunakan ImageMagick dalam PHP Saya berharap untuk mencuba dan mencipta penukar imej kecil yang menukar fail HEIC yang di...
daripada 2023-11-02 17:38:57
0
1
264
Silverstripe CMS BlogPost - DropdownField atau SingleSelectField diisi dari medan enum Saya cuba menambah pilihan warna tajuk pada paparan ringkasan BlogPost. Saya menambah meda...
daripada 2023-09-16 16:02:00
0
1
471
Mengesan perlanggaran antara dua isian. Fungsi rect Saya mempunyai permainan di mana seorang pemain dikawal oleh kekunci anak panah dan pemain...
daripada 2023-09-15 13:26:06
0
1
469
Bagaimana untuk menetapkan warna teks kepada hitam dalam apl web Flutter apabila mod paparan peranti gelap? Saya telah mencipta apl web dalam Flutter dan ia berfungsi seperti yang diharapkan, tetapi...
daripada 2023-09-11 20:16:42
0
1
196
Menyimpan komponen yang diberikan dan nyatakan: bagaimana untuk berterusan merentasi muat semula halaman? Saya sedang membangunkan aplikasi papan pemuka yang boleh disesuaikan oleh pengguna untuk ...
daripada 2023-09-11 10:47:00
0
1
208
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！