微信小程序input的placeholder脱离文档流

今天进行真机调试时input的提示词 placeholder脱离了文档流,但是奇怪的是input框没有脱离文档流

如下图所示:

微信开发工具正常:                                 真机:不正常 脱离文档流

微信小程序input的placeholder脱离文档流_第1张图片             微信小程序input的placeholder脱离文档流_第2张图片

解决方法:


		

 css 加上定位

.view_input{
		//.........
		input{
			background-color: skyblue;
			position: relative;
		}
		input::-webkit-input-placeholder {
		  position: absolute;
		  top: 0;
		}
	}

 效果:

微信小程序input的placeholder脱离文档流_第3张图片

这里记录一下

 

你可能感兴趣的:(微信小程序,小程序)