CSS(Cascading Style Sheets)是用來控制網頁排版和樣式的一種標記語言,常用于網頁美化和布局。在網頁編寫中,經常需要防止用戶通過雙擊選中某些元素。下面就來介紹如何通過CSS來實現阻止雙擊選中。
/* 使用CSS阻止雙擊選中 */ /* 對于整個頁面 */ body { -webkit-user-select: none; /* Chrome、Safari、Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ user-select: none; /* 標準語法 */ } /* 或者對于某個元素 */ .example { -webkit-user-select: none; /* Chrome、Safari、Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ user-select: none; /* 標準語法 */ }
代碼中,我們使用了CSS3提供的user-select屬性來控制是否允許選擇和復制元素內容。將user-select屬性的值設置為none就可以阻止用戶雙擊選中指定元素的內容。通常情況下,我們會將這個樣式應用到整個頁面的body元素上,這樣整個頁面就不會出現雙擊選中的情況了。
當然,如果你只需要阻止某個元素被選中,也可以將這個樣式應用到該元素的類或者ID上。這樣就可以在不影響其它元素選中的情況下實現阻止指定元素被選中。
下一篇css+識別空格