• bootstrap中如何使input中的小图标获得点击事件


    bootstrap中,放入input中的小图标是不能点击的。

    在表单中经常遇见密码旁边的眼睛图标点击后,可使密码可见。

    要使小图标获得点击事件,可在小图标上覆盖一个跟小图标一样大的透明层,然后给透明层加点击事件。

    代码如下:

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

    css:

     

    显示效果:

    最后将border去掉即可,就可以给透明层加点击事件以达到想要的效果。

    bootstrap中,放入input中的小图标是不能点击的。

    在表单中经常遇见密码旁边的眼睛图标点击后,可使密码可见。

    要使小图标获得点击事件,可在小图标上覆盖一个跟小图标一样大的透明层,然后给透明层加点击事件。

    代码如下:

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

    css:

     

    显示效果:

    最后将border去掉即可,就可以给透明层加点击事件以达到想要的效果。

  • 相关阅读:
    centOS7 查看防火墙状态 开放端口
    PHP之Trait详解 转
    ps 树形显示
    composer 打印美化
    第一章 Java Web应用开发技术
    团队博客20
    团队博客19
    团队博客18
    团队博客17
    团队博客16
  • 原文地址:https://www.cnblogs.com/sjqq/p/9072941.html
Copyright © 2020-2023  润新知