CSS中的選中是一個(gè)很實(shí)用的功能,不僅可以美化界面,還可以方便用戶選擇所需要的內(nèi)容。但是,在某些情況下,點(diǎn)擊某個(gè)元素后它會(huì)被選中(出現(xiàn)虛線框)并且需要雙擊才能執(zhí)行相應(yīng)操作,這可能會(huì)影響用戶的操作體驗(yàn)。因此,我們需要取消雙擊先選中的功能。
/*取消雙擊先選中的功能*/ * { -webkit-user-select:none;/* chrome、safari、opera */ -khtml-user-select:none;/* khtml browsers */ -moz-user-select:none;/* Firefox */ -ms-user-select:none;/* Internet Explorer/Edge */ user-select:none; }
通過(guò)上述代碼,我們將所有元素的選取功能設(shè)置為none,這樣就可以取消雙擊先選中的功能。如果需要取消單擊選中,只需要將"none"改為"none !important"即可。
實(shí)際使用中,我們可以將上述CSS代碼寫在全局CSS文件中,也可以直接在需要取消雙擊先選中的元素上添加style屬性并加入相應(yīng)的CSS代碼。
上一篇css取消右邊邊框線