input placeholder文字垂直居中(Mobile & PC)
2024-04-11 09:27:02
Html5输入框支持placeholder,但是在定义文本框中定义placeholder存在兼容问题
<input type="text" placeholder="search word" name="p" />
但是在chrome下显示的search word并不能垂直居中。
在stackoverflow上找到了对应的方法。参考地址:http://stackoverflow.com/questions/4919680/html5-placeholder-css-padding-problem
解决方法是:
把line-height设置为normal
CSS定义如下
input{
line-height: normal; /* for non-ie */
line-height: 22px\9; /* for ie */
}
最新文章
- Linux笔记：使用Vim编辑器
- #define宏定义形式的"函数"导致的bug
- Temp文件夹缺少network service权限，webservice能访问，但是不能调用
- IDEA中利用JUnit进行单元测试
- iOS之Xcode8 Auto Layout新特性
- blazeDS集成spring的remote访问
- JavaScript设计模式(一)
- 常用px,pt,em换算表
- 【转】VS2013中如何解决error C4996: 'fopen'问题
- Redis主从复制及状态监测
- SSRS报表服务随笔(rdl报表服务)-报表数据：使用第三方控件生成条形码
- day08文件操作的三步骤，基础的读，基础的写，with...open语法，文件的操作模式，文件的操作编码问题，文件的复制，游标操作
- 月薪15k的测试员需要学习什么技术？
- Spring Boot 构建电商基础秒杀项目 (三) 通用的返回对象 & 异常处理
- JVM垃圾回收机制与内存回收
- vue2.0 子组件 父组件之间的传值
- Hybris IMPEX.
- JVM规范系列第2章：Java虚拟机结构
- 利用QPainter绘制散点图
- C# 泛型约束 xxx<T> Where T：约束(一)