bootstrap中如何使input中的小图标获得点击事件
来源:互联网 发布:服务器安装mysql数据库 编辑:程序博客网 时间:2024/06/06 01:46
bootstrap中,放入input中的小图标是不能点击的。
在表单中经常遇见密码旁边的眼睛图标点击后,可使密码可见。
要使小图标获得点击事件,可在小图标上覆盖一个跟小图标一样大的透明层,然后给透明层加点击事件。
代码如下:
html: <span class="cover"></span>
css:
显示效果:
最后将border去掉即可,就可以给透明层加点击事件以达到想要的效果。
阅读全文
0 0
- bootstrap中如何使input中的小图标获得点击事件
- EditText右侧小图标点击事件
- input框中加入小图标
- Input输入框中加入小图标
- Android开发中按钮的图标太小,很难触发点击事件,可以设置padding
- drawableRight中图标的点击事件
- 网页中如何设置在网页地址栏中的小图标
- NavigationView 中 获得headerView 的点击事件
- Bootstrap 小图标
- Bootstrap小图标
- BootStrap自定义小图标
- gridView中嵌套gridview 如何获得里面gridview的点击事件
- EXTJS中如何获得TabPanel的各个tab的点击事件
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- grid view中自定义模板中的按钮控件如何获得点击的所在行
- 如何截取大图中的小图标
- css如何定位大图中的小图标
- 如何获取psd文件中的小图标
- JDBC的工具类
- 1044. 火星数字(20)
- jsonp
- 2015 ACM National Contest Romania
- C/C++:使用dlopen、dlsym、dlclose运行时装载动态库
- bootstrap中如何使input中的小图标获得点击事件
- c文件操作之fgets,fputs
- 21st-Oct 时对时错的方向指令string数组
- 计蒜客 Bridge Automation(ACM ICPC 2017 Warmup Contest 9)
- 【MySQL】常用命令
- Effective-Python
- 重写java课程学习二:编写程序
- main函数执行之前都干啥了----C/C++运行时库剖析
- lingo标准模型与编程(附习题)