CSS設定滑鼠選中文字的顏色

admin發表於2018-07-09
CSS

本章節介紹一下如何設定網頁中選中文字的顏色。

在預設狀態下，選中文字的顏色是藍底白色，這個往往不能夠滿足我們的需求，下面介紹一下如何自定此效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!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; 
}
</style> 
</head> 
<body> 
<div>選中文字看看顏色是否發生變化。</div> 
</body> 
</html>

以上程式碼實現了我們的要求，設定了選中文字的顏色和背景色。

相關閱讀：

（1）.::selection參閱CSS E::selection 偽物件選擇符一章節。

相關文章