當(dāng)我們?cè)趯慍SS樣式時(shí),有時(shí)候會(huì)發(fā)現(xiàn)鼠標(biāo)點(diǎn)擊頁面上的藍(lán)色背景會(huì)取消CSS樣式,這可能會(huì)給我們帶來一些困擾。其實(shí),這種情況出現(xiàn)的原因是藍(lán)色背景代表的是被選中的文本或元素,而取消背景色就是取消了該元素的選中狀態(tài)。
為了避免這種情況出現(xiàn),我們可以使用以下兩種方法:
1.給所有的元素都設(shè)置一個(gè)統(tǒng)一的背景色,例如: body { background-color: white; } 這樣,無論點(diǎn)擊哪個(gè)地方都不會(huì)出現(xiàn)藍(lán)色背景。 2.使用CSS ::selection偽類,將選中文本時(shí)的背景色設(shè)置為透明或其他顏色,例如: ::selection { background-color: transparent; } 這樣,當(dāng)選中文本時(shí),背景色就會(huì)變成透明色,不影響我們的頁面設(shè)計(jì)。
總的來說,點(diǎn)擊藍(lán)色背景取消CSS其實(shí)是一件很正常的事情,只要我們掌握了上面兩種方法,就可以輕松解決這個(gè)問題。