bootstrap中如何使input中的⼩图标获得点击事件bootstrap中,放⼊input中的⼩图标是不能点击的。
在表单中经常遇见密码旁边的眼睛图标点击后,可使密码可见。
要使⼩图标获得点击事件,可在⼩图标上覆盖⼀个跟⼩图标⼀样⼤的透明层,然后给透明层加点击事件。
代码如下:
html: <span class="cover"></span>
css:
显⽰效果:
421事件是什么
最后将border去掉即可,就可以给透明层加点击事件以达到想要的效果。
bootstrap中,放⼊input中的⼩图标是不能点击的。
在表单中经常遇见密码旁边的眼睛图标点击后,可使密码可见。
要使⼩图标获得点击事件,可在⼩图标上覆盖⼀个跟⼩图标⼀样⼤的透明层,然后给透明层加点击事件。代码如下:
html: <span class="cover"></span>
css:
显⽰效果:
最后将border去掉即可,就可以给透明层加点击事件以达到想要的效果。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论