关于placeholder的点击的消失问题
来源:互联网 发布:软件供应商 编辑:程序博客网 时间:2024/06/05 17:38
现在很多浏览器都标配了placeholder。
可是为什么在safiri上是点击提示信息就直接消失,而在诸如Firefox和Google这类浏览器上就是开始输入才消失的,好吧,从用户体验度上来说,有些认识以为开始输入在消失是比较好的。
做的是点击输入框输入提示信息就消失的。
Google上可以通过
input:focus::-webkit-input-placeholder{
text-indent: -999em;
z-index: -20;
}
来实现,在火狐上是不行的,然后加了这么一句话,是placeholder不是value,桑输入框里面有value时就不用担心placeholder的显示问题了。
代码:
onfocus="this.placeholder=''" onblur="this.placeholder='Your Email Address'"
够用。
0 0
- 关于placeholder的点击的消失问题
- 关于jquery插件placeholder 1.3在chrome和safari下点击后不消失的解决方法
- 关于点击显示PopupWindow再次点击消失的问题
- 解决html中input的placeholder的颜色,点击时消失,input点击时样式的问题
- 关于自定义UITableViewCell布局点击Cell消失的问题
- 彻底解决,dialog点击外部消失,键盘没有消失的问题
- HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置
- 关于boostrap中模态框的问题点击后面背景模态框消失的问题
- 关于Android中AlertDialog的使用问题:点击AlertDialog外部不消失的代码操作
- 关于select2的使用——解决点击瞬间下拉框消失的问题
- 关于Android中Dialog点击屏幕外失去焦点消失的问题
- CButtonST的tooltip在点击按钮后消失的问题~~~
- CButtonST的tooltip在点击按钮后消失的问题
- 解决点击ProgressDialog之外的地方Dialog消失的问题
- PopupWindow点击窗口外的地方不消失的问题
- 解决点击ProgressDialog之外的地方Dialog消失的问题
- 关于导航条navigationBar消失的问题
- 关于Android R文件的消失问题
- 按钮事件响应的注意点
- 初识docker
- spark pi 详解
- Android之ExpandableListView的属性(Group不展开)
- NotificationCenter(简介)
- 关于placeholder的点击的消失问题
- foxmail新建联系人保存时邮件地址自动改变(保存后不是自己填写的邮件地址)的问题
- Write operations are not allowed in read-only mode 只读模式下(FlushMode.NEVER/MANUAL)写操作不
- C++优化:把频繁操作的成员变量局部化
- BCSP 剖析(二)- BCSP link establish过程
- hadoop&hbase坏道检查和处理之东湖现场
- kbuild是个什么鬼?
- linux命令行终端设置tab补全文件名或路径不区分大小写(大小写不敏感)
- OpenGL中glClear、glColor4f、glClearColor的简单说明