CSS3 ::Selection

admin發表於2018-05-21
當前在預設狀態下,選中一個文字會以藍色背景和白色文字呈現,但是有時候這樣的預設效果並不能如人意,如果能夠自定義實現此效果,那麼網頁的美觀度或者人性化程度又會得到很大的提高,css3提供了::Selection屬效能夠幫助我們實現此效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
div{
  width:200px;
  height:100px;
  margin:0px auto;
  font-size:12px;
}
div::selection{
  background:red;
  color:green;
}
</style>
</head>
<body>
<div>螞蟻部落歡迎您,努力奮鬥才會有美好的明天,沒有人一開始就是高手。</div>
</body>
</html>

相關文章