HTML 連續點擊 div 出現藍色選中背景？CSS user-select 禁用選中

現象：在 div 上快速連續點擊，瀏覽器會觸發文本選中行為，顯示藍色高亮背景（或半透明藍層），影響視覺體驗。

解決方案：禁用用戶選中

<style>
.no-select {
    -webkit-user-select: none;  /* Chrome/Safari/Edge */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* IE10+ */
    user-select: none;          /* 標準語法 */
}
</style>

<div class="no-select" onselectstart="return false">
    內容區域，連續點擊不會選中
</div>

屬性詳解

• user-select: none：標準 CSS 屬性，禁止元素及其子孫被選中。
• 瀏覽器前綴：舊版 WebKit/Blink 需 -webkit-，Firefox 需 -moz-，IE10/11 需 -ms-。
• onselectstart="return false"：IE 專屬事件屬性，作為兜底（現代瀏覽器已支持標準屬性，可省略）。

適用場景

• 自定義按鈕、拖拽手柄、遊戲畫布、禁止複製的版權文本。
• 注意：慎用於正文內容，會嚴重損害用戶體驗（無法複製、選中翻譯等）。

一鍵消除藍色選中，提升交互專業度。