![如何自定義網頁上文本選取後的背景顏色? 如何自定義網頁上文本選取後的背景顏色?](/img/171565058981.jpg)
默認的情況下,當用鼠標拖拉選擇文本內容時,被選擇的文本背景顏色會變成藍色,以表示被選擇的部分,這時複製或Ctrl+C 就能在剪切板裏複製到這一部分內容。這樣的操作我想大家在日常的工作中會經常使用,那麽 ,被選取的文本背景顏色一定要是藍色的嗎?這默認的設置可不可以修改呢?答案是一定可以的。
最簡單的方法就是通過CSS樣式重新定義顏色即可實現:
::selection{background: #f2054d; color: white; /* Safari */} ::-moz-selection{background: #f2054d; color: white; /* Firefox */ }
在你的CSS樣式文件中加入如上代碼就可以改變默認的顯示背景。
未加入以上代碼前選取文本內容時:
加入以上代碼後選取文本內容時:
建網站時兩行小小的代碼就可以改變默認的顯示屬性,隻要你敢想一切皆有可能,就像天空不一定一直都是藍色的。
我漢獅網絡提供網站建設、APP軟件開發、軟件開發、小程序開發、網站網絡營銷等一站式服務,歡迎企業谘詢
免費谘詢:18838171308
免費谘詢:18838171308