CSS隐藏input光标
2016-07-01 17:29
330 查看
在项目中遇到一个需求要隐藏掉input输入框的光标,但是还要有输入功能,在网上查了很久没有找到合适的方案,现在分享下我的解决方案。
方法是根据光标颜色和文字颜色这一特性来做的,首先把颜色设为透明这样光标就没有了,但是有一个问题文字也看不到了,然后通过给文字阴影来代替文字完美解决,代码如下:
<input type="text" style="color:transparent;text-shadow: 0px 0px 0px #333;" />
方法是根据光标颜色和文字颜色这一特性来做的,首先把颜色设为透明这样光标就没有了,但是有一个问题文字也看不到了,然后通过给文字阴影来代替文字完美解决,代码如下:
<input type="text" style="color:transparent;text-shadow: 0px 0px 0px #333;" />
相关文章推荐
- 简单的CSS样板
- 一个带动画,带可传入比例值的css3圆环
- 深入理解CSS中的层叠上下文和层叠顺序
- css中的定位问题
- CSS中的BFC学习
- js+css二级导航
- CSS3圆角边框和边界图片效果实例
- CSS3制作酷炫的三维相册效果
- 几个比较常用的css
- 怎样将css中的颜色转化为rgba
- css样式
- 利用css的background-image和background-position将多图放在一张图片上取用
- CSS实现隐藏和显示功能的代码
- css基础学习(1)(背景,字体,样式)
- ie Css Hack 特殊符号
- 只用css实现“每列四行,加载完一列后数据自动填充到下一列”的效果
- CSS 专业技巧收集
- css实现隐藏显示
- css-position
- CSS3的column-fill属性对齐列内容高度的用法详解