bootstrap中如何使input中的小圖示獲得點選事件

AHRL__發表於2017-10-21

bootstrap中,放入input中的小圖示是不能點選的。

在表單中經常遇見密碼旁邊的眼睛圖示點選後,可使密碼可見。


要使小圖示獲得點選事件,可在小圖示上覆蓋一個跟小圖示一樣大的透明層,然後給透明層加點選事件。

程式碼如下:

html: <span class="cover"></span>

css:

 

顯示效果:


最後將border去掉即可,就可以給透明層加點選事件以達到想要的效果。


相關文章