建立網頁時，您可能會遇到需要在預設情況下添加不可選擇的標籤的情況。這對於您不希望複製或突出顯示文字的按鈕或導航元素特別有用。
對於支援CSS3 的現代瀏覽器，您可以使用以下樣式：
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}將此類應用於標籤元素：
<label class="unselectable">Unselectable Label</label>
對於較舊的瀏覽器缺乏CSS3 支持，您可以使用JavaScript 來停用文字選擇：
function disableSelection(element) {
if (typeof element.onselectstart != 'undefined') {
element.onselectstart = function() { return false; };
} else if (typeof element.style.MozUserSelect != 'undefined') {
element.style.MozUserSelect = 'none';
} else {
element.onmousedown = function() { return false; };
}
}
disableSelection(document.querySelector("label"));此JavaScript 函數迭代頁面上的所有標籤，並套用適當的事件處理程序來停用選擇。
如果您使用jQuery，您可以使用以下程式碼擴充jQuery 函式庫：
$.fn.disableSelection = function() {
this.each(function() {
disableSelection(this);
});
};然後，您可以停用所有標籤上的選擇，如下所示：
$("label").disableSelection();以上是如何防止 HTML 標籤中的文字選擇？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
