CSS3 ::Selection
當前在預設狀態下,選中一個文字會以藍色背景和白色文字呈現,但是有時候這樣的預設效果並不能如人意,如果能夠自定義實現此效果,那麼網頁的美觀度或者人性化程度又會得到很大的提高,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>
相關文章
- CSS E::selectionCSS
- 理解Selection物件物件
- css3 ::selection的用法(改變選中文字的背景顏色或者文字顏色)CSSS3
- JavaScript 中的 Range 和 Selection 物件JavaScript物件
- 簡單選擇排序(Simple Selection Sort)排序
- selection_Sort(選擇排序演算法)排序演算法
- Abap routing in infopackage data selection 的使用限制Package
- material master物料主資料field selection配置AST
- Table control wizard mutiply lines selection
- 【模型評估與選擇】sklearn.model_selection.KFold模型
- [譯]D3.js 之 d3-selection 原理JS
- [譯] D3.js 巢狀選擇集 (Nested Selection)JS巢狀
- 在螢幕上多項選擇示例(More on selection screens)
- 把selection screen當子螢幕放到普通螢幕上
- Flutter 自定義輸入框Selection選單和選擇器Flutter
- Spark2 Model selection and tuning 模型選擇與調優Spark模型
- CSS3CSSS3
- Eclipse中執行出現selection does not contain a main type錯誤EclipseAI
- CSS3簡明教程之初識CSS3CSSS3
- css3省略……CSSS3
- CSS3 quotesCSSS3
- CSS3 TransitionCSSS3
- CSS3 rotate()CSSS3
- CSS3 clipCSSS3
- CSS3 @supportsCSSS3
- CSS3 currentColorCSSS3
- CSS3 vmaxCSSS3
- CSS3 vminCSSS3
- CSS3 vhCSSS3
- CSS3 vwCSSS3
- CSS3 remCSSS3REM
- CSS3 attr()CSSS3
- CSS3 orderCSSS3
- CSS3 columnsCSSS3
- CSS3 counter()CSSS3
- CSS3動畫CSSS3動畫
- Feature Selection詳解(附帶Relief、Relief-F、LVM詳解)(二)LVM
- VSCode 擴充套件選擇快捷鍵外掛 Quick and Simple Text SelectionVSCode套件UI