小程序input的placeholder不垂直居中的问题解决

• 移动开发

input的placeholder不垂直居中，input设置高度后，使用line-height只能使输入的文字垂直居中，但是placeholder不会居中，反而会偏上。

  1. 首先placeholder样式自定义

有两种方法，第一种行内样式：



第二种加类名：


给input加上placeholder-class属性，然后给该属性 设置一个类名，在style中设置样式。


 
 	.address{
		color: red;
	}
 



placeholder的字体颜色都能改变，但是仍然不会在input框里垂直居中，一直偏上，查了很多方法都不管用，比如：


“




在这里插入图片描述




比如：




在这里插入图片描述


能垂直居中是能，但是input框变得没有内边距了，很不好看。




    

  1. 最后找到解决办法了：
    2. 



在placeholder上增加pandding-top，把提示文字顶下来


参考：IOS下input的placeholder不垂直居中的问题

                                                        
本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/79170fe960.html
                        

                        

                            

                            

                                
 赞 (0)


                                                            


                            

                                

                                                                        

                                        

                                                                                                                                                                            

                                        
                                        

                                            
                                        

                                    

                                

                            


                            

                                                                    

                                        
                                        

                                            « 上一篇
                                            1天前
                                        

                                    

                                                                                                    

                                        
                                        

                                            下一篇  »
                                            1天前
                                        

                                    

                                                            

                                                        
相关推荐