CSS是前端開發(fā)中必不可少的技術(shù),而取消input選中時(shí)的樣式也是我們開發(fā)中常用的技巧之一。
通過以下CSS代碼,我們可以輕松取消input被選中時(shí)的藍(lán)色背景:
input:focus { outline: none; }
簡單來說,當(dāng)我們選中input時(shí),會(huì)出現(xiàn)藍(lán)色背景,而通過CSS中的偽類:focus,我們可以選擇input被選中時(shí)應(yīng)用的一些樣式。在例子代碼中,我們將元素的outline屬性設(shè)置為none,這樣選中input時(shí)就不會(huì)出現(xiàn)藍(lán)色背景了。
除了上述方法外,我們還可以選擇將input的屬性-webkit-user-select設(shè)置為none,這樣就能禁止用戶選擇input內(nèi)的文本了。
input { -webkit-user-select: none; }
以上就是取消input選中的兩種方法,選擇合適的方法可以讓我們更好地完成前端開發(fā)中的任務(wù)。