zoukankan      html  css  js  c++  java
  • css系列:input的placeholder在safari下设置行高失效

    技术交流群:821039247

    在项目中遇到input的placeholder在safari下设置行高失效的问题,问度娘后未得治原因,倒是有解决办法:
    方法一:使用padding使提示文字居中,如果font-size:14px,UI高度为40px,我们可以设height:14px,padding:13px 0;
    方法二:使用line-height:1px
    方法三:使用vertical-align: middle;
    实践后问题得以解决,但是其他浏览器下也受到了影响,那么问题来了,我们需要单独针对Safari来写hack即[;line-height:1;]
    至此,问题完美解决
     

    技术交流群:821039247

    技术交流群:821039247
  • 相关阅读:
    Linux安装步骤
    Python邮件发送
    拉链表
    Hive
    Shell笔记
    Hadoop入门
    Thinkphp手把手练习
    Shell学习日记
    Linux安装mysql数据库
    Oracle集合操作
  • 原文地址:https://www.cnblogs.com/humaotegong/p/6629060.html
Copyright © 2011-2022 走看看