zoukankan      html  css  js  c++  java
  • bootstrap中如何使input中的小图标获得点击事件

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

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

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

    代码如下:

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

    css:

     

    显示效果:

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

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

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

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

    代码如下:

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

    css:

     

    显示效果:

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

  • 相关阅读:
    Sliding Window
    方程的解数
    [JLOI2011]不重复数字
    A−B数对
    2007年分区联赛提高组之一 统计数字
    Magic Squares 魔板 (BFS+HASH)
    集合(normal)
    Place the Robots
    LoadRunner监控Linux
    CentOS6.3(64位)下安装Oracle11gR2(64)服务器
  • 原文地址:https://www.cnblogs.com/sjqq/p/9072941.html
Copyright © 2011-2022 走看看