加入到字段標籤錯誤圖標是可點擊

Question

您好，

對於現場級錯誤驗證，我們添加一個錯誤圖標（X紅色圖像）提供給字段標籤作爲背景圖像。

現在，由於它作爲背景圖片添加到標籤中，因此它顯示爲可點擊[但僅表示點擊了標籤]，並且通過錯誤圖標完成點擊時，焦點移至字段輸入。

我們可以添加它作爲單獨的img元素旁邊的標籤，但仍然

我想知道是否有任何方式，我讓該錯誤圖標不可點擊，仍然將其添加爲背景圖像。

謝謝

Answer 1

是的，你不能添加CSS到該元素或父級，以避免它接受點擊。你沒有在你的問題上發佈代碼，所以這裏是一個通用的例子。我用類avoid-clicks，你應該添加到錯誤標籤或其父。只要避免添加一個對輸入字段同樣常見的父項。

.avoid-clicks { 
    pointer-events: none; 
} 

還要記住，用戶將希望能夠點擊該X，並且改變預期的行爲是不是如此讚賞，並降低在您的網站的用戶體驗。