使用內(nèi)聯(lián) SVG 作為可單擊元素時(shí)，單擊兩次可能會(huì)選擇附近的文本。如何在不強(qiáng)制用戶(hù)選擇所有附近元素的情況下防止這種情況發(fā)生？.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 回答
侃侃無(wú)極
TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
你是這個(gè)意思嗎？（添加了用戶(hù)選擇：無(wú)；）
.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 關(guān)注
- 173 瀏覽
添加回答
舉報(bào)
0/150
提交
取消