0
点赞
收藏
分享

微信扫一扫

解决input标签的placeholder在ios浏览器靠下的问题

phpworkerman 2022-03-11 阅读 49

如题,设置了line-height:normal也没用! 设置了line-height:1px 也没有用!总之网上的各种办法都试了!还是没有作用!

在安桌浏览器是没有任何问题的! 在ios中就不行!

解决

利用vertical-align: top; 属性! 因为它是靠下的!只能设置这个

如果是设置了 vertical-align: middle; 它是以input标签的文字基线对齐

当然这是答主自己想当然的理解!

.search {

border: none;

width: 320px;

height: 40px;

position: relative;

left: 19px;

font-size: 14px;

outline: none;

vertical-align: top;

padding: 13px 0;

box-sizing: border-box;

background: none;

&::-webkit-input-placeholder {

vertical-align: top;

font-family: PingFangSC-Semibold, PingFang SC;

font-weight: 600;

color: #d7d7d7;

}

代码附上! 很简单,search就是input标签! 用定位是因为我给它外部包裹了一层div

举报

相关推荐

0 条评论