CSS設置選中網頁文字時的背景和顏色

svtter 發布于2019-08-29 17:28 / 1820人閱讀

摘要：在網頁中，選中某段文字，默認的顯示效果為可以看到，選中后文字顏色為白色，背景為藍色。現我們想設置，選中后文字為紅色，背景為黃色。通過其私有屬性支持。設置為頁面效果為擴展可以應用的屬性有。

在網頁中，選中某段文字，默認的顯示效果為：

可以看到，選中后文字顏色為白色，背景為藍色。
現我們想設置，選中后文字為紅色，背景為黃色。需要用到CSS偽類 ::selection。
IE9+、Opera、Google、Chrome、Safari都支持 ::selection 選擇器。
Firefox 通過其私有屬性 :: moz-selection 支持。
設置CSS為：

頁面效果為：

擴展：
::selection 可以應用的屬性有：color、background、cursor、outline。

GPU云服務器云服務器 js設置背景顏色通過js設置背景顏色 asp設置文字顏色 asp設置網頁背景

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114352.html

前端基礎-- CSS

摘要：語法每個樣式右兩部分組成選擇器和聲明。格式如下外部樣式外部樣式就是將寫在一個單獨的文件中，然后在頁面進行引入即可。CSS知識 CSS（Cascading Style Sheet，層疊樣式表）定義如何顯示HTML元素。當瀏覽器讀到一個樣式表，它就會按照這個樣式表來對文檔進行格式化（渲染）。Css之車更豐富的文檔外觀，Css可以為任何元素的文本和背景設置顏色；允許在任何元素外圍設置邊框；允許改...

番茄西紅柿 2019-04-23 13:16 評論0 收藏0
document.execCommand()方法處理Html數據

摘要：設定元素的屬性為絕對。將當前選中區復制到剪貼板并刪除之。插入隱藏控件覆蓋當前選中區。減少選中區所在格式化塊的縮進。傳遞整數將顯示用戶界面，整數將跳過它。方法受到的影響會閃爍。 document.execCommand()方法處理Html數據時常用語法格式如下:document.execCommand(sCommand[,交互方式, 動態參數]) 其中：sCommand為指令參數（如下例...

Chaz 2019-08-22 18:33 評論0 收藏0
HTML基礎總結

摘要：細化知識點總結標簽都是標題標簽，定義一段話的標題，最大，依次遞減，最小標題標簽的作用讓文本加粗顯示段落標簽標簽用來顯示一段文本圖片，它會忽略源代碼中的排版塊元素獨占一行的元素，和相鄰的元素不能共享同一行所有的塊元素都有屬性和元素都是HTML細化知識點總結 1.h1-h6標簽都是標題標簽，定義一段話的標題，h1最大，依次遞減，h6最小標題標簽的作用：讓文本加粗顯示 ? 2. 段落標簽：p...

Jacendfeng 2019-04-23 11:54 評論0 收藏0
css樣式的繼承性、層疊性、優先級

摘要：一樣式的繼承性作用給父元素設置一些屬性，子元素也可以使用應用場景一般用于設置網頁上的一些共性信息，例如網頁的文字顏色，字體，文字大小等內容。一、css樣式的繼承性: 作用：給父元素設置一些屬性，子元素也可以使用應用場景：一般用于設置網頁上的一些共性信息，例如網頁的文字顏色，字體，文字大小等內容。優化代碼，降低工作量注意點： 1.并不是所有的屬性都可以繼承，、只有color/font-...

MkkHou 2019-04-23 11:44 評論0 收藏0
前端——HTML

摘要：方式是將內容放在了請求頭，所以會顯示在上，將內容放在了請求體。此外，方式對提交內容的長度有限制，必須在之內，而沒有。如果屬性設置，表示選擇框只能同時顯示三項。表頭會自動加粗居中，在表格內容區，表示行，表示列。HTML HTML叫做超文本標記語言，是一種制作萬維網頁面標準語言。相當于定義一套規則，大家都來遵守它，這樣瀏覽器就可以去解釋它。瀏覽器負責將標簽翻譯成用戶看得懂的格式，呈現給用戶。 ...

番茄西紅柿 2019-04-23 13:30 評論0 收藏0