如果你使用CSS制作網頁,你可能想要防止頁面中的文本被選擇。在某些情況下,這可能會破壞你想要展示的外觀,或者使網站的內容更難以讀取。
有一種方法可以通過CSS禁用選中文本。我們可以使用用戶選擇(select)的屬性來控制這個行為。
p{ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer/Edge */ -webkit-user-select:none; /* Safari/Chrome */ user-select:none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ }
你只需要將上面的代碼插入你的CSS樣式表中即可。這會將用戶選擇按鈕設置為取消選擇文本,從而防止用戶從瀏覽器中選擇文本。請注意,該代碼段僅適用于文本元素,例如段落。
如果你不想禁用所有文本的選擇,只想禁止對某些特定元素的選擇,那么你可以使用另一種選擇方法。這種方法可以讓用戶選擇文本,但不會選擇你想要的特定元素。下面是CSS代碼的例子:
.not-selectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
你需要將“not-selectable”作為一個類附加到你不想選擇的元素里,如下面的例子所示。
這段文字不能被選擇,但段落周圍的空間可以被選中。
請注意,禁用文本選擇可能會破壞你網站的可訪問性。很多盲人用戶使用屏幕閱讀器來解讀網站內容,他們很可能需要能夠選擇和讀取文本。因此,請務必確保你的選擇不會影響網站的可訪問性。