在網頁設計中,鼠標選中文本或者點擊按鈕,我們常常會看到一個藍色邊框或者灰色背景框。這些框框固然對于一些功能操作有用,但也會影響美觀和視覺效果。在CSS中,我們可以輕松的去掉這些選中的框框,讓網頁更加美觀。
/*去掉選中的框*/ ::selection { background: transparent; color: inherit; } ::-moz-selection { background: transparent; color: inherit; }
在CSS中,::selection
是一個偽類元素,可以針對用戶選中的文本,修改文本的樣式,這里我們將背景設置為透明。::-moz-selection
則是針對Firefox瀏覽器的一個寫法。
加上這段CSS代碼后,我們在瀏覽器選中文本或者點擊按鈕,就不會再看到藍色或者灰色邊框了。當然,如果你想要自定義選中文本后的樣式,修改這段CSS代碼就可以了。
上一篇css 響應式網頁設計
下一篇vue日期加日期