使用內聯 SVG 作為可單擊元素時，單擊兩次可能會選擇附近的文本。如何在不強制用戶選擇所有附近元素的情況下防止這種情況發生？.wrap { height: 100px;}.icon { height: 100%; pointer-events: bounding-box; cursor: pointer;}<div class="wrap"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136 136"> <defs/> <path fill="none" stroke="rgb(160,70,255)" stroke-width="3" d="M68 134.43A66.43 66.43 0 101.5 68 66.46 66.46 0 0068 134.43zM123.77 68H12.23M68 12.3v111.41"/> </svg></div><div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
1 回答
侃侃無極
TA貢獻2051條經驗 獲得超10個贊
你是這個意思嗎？（添加了用戶選擇：無；）
.wrap {
height: 100px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icon {
height: 100%;
pointer-events: bounding-box;
cursor: pointer;
}
<div class="wrap">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136 136">
<defs/>
<path fill="none" stroke="rgb(160,70,255)" stroke-width="3" d="M68 134.43A66.43 66.43 0 101.5 68 66.46 66.46 0 0068 134.43zM123.77 68H12.23M68 12.3v111.41"/>
</svg>
</div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
- 1 回答
- 0 關注
- 158 瀏覽
添加回答
舉報
0/150
提交
取消