Placeholder input under IOS is not vertically centered

The placeholder of the input is not vertically centered. After the input has set the height, using line-height can only center the input text vertically, but the placeholder will not be centered, but will be higher. The picture is not shown, the friends you meet will know what it means, and you can directly upload the code of the solution

input::placeholder
   fz(14)
    font-family PingFangSC-Semibold
    font-weight:600;
    color #797E88
    padding-top l(4) //placeholder上添加padding-top
input 
    width l(270)
    padding l(10) 0
    fz(14)
    box-shadow:0px 0px l(5) 0px rgba(0,0,0,0.15) inset;
  	border-radius l(8)
    padding-left l(16)
    outline none 
    border none
    background:rgba(127,160,189,0.1489);
    font-family PingFangSC-Semibold

Yes, the solution is to add pandding-top to the placeholder to top down the prompt text.
I have tried other methods on Baidu, but I don’t know why it doesn’t work. I have uploaded the things on Baidu (I am not malicious. If you use the method on the picture, please click here. Tell me in the comment area, I want to know where I made a mistake, Crab)
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_44994372/article/details/102742944