如何用CSS自訂網站反白文字?

Astral WebBy Astral Web 3 years agoNo Comments
首頁  /  網站設計與開發  /  如何用CSS自訂網站反白文字?

如果來到Astral Web歐斯瑞的網站,按下左鍵選取文字(反白)時,出現的不是預設的背景色,而是鐵灰色,讓使用者可以可以更清楚瀏覽文字。這種手法在網站上很常見,今天我們就來和大家介紹如何設定!

Astral Web反白文字

方法很簡單,只要利用css3 的selection選擇器就可以了!

::-moz-selection { /* Code for Firefox */

css 設定值

}

::selection {

css 設定值

}

 

Astral web的設定:

 

::selection {

color: #fff;

background-color:#333;

}

 

一般可以使用的設定為:

color, background-color; text-shadow

支援的瀏覽器:

瀏覽器支援

以上就是我們簡單的分享,希望能幫到大家;若有相關問題,歡迎聯絡我們!

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。