今天进行真机调试时input的提示词 placeholder脱离了文档流,但是奇怪的是input框没有脱离文档流
如下图所示:
微信开发工具正常: 真机:不正常 脱离文档流
解决方法:
<view class="view_input">
<input type="text" placeholder="有话要说,快来评论" >
</view>
css 加上定位
.view_input{
//.........
input{
background-color: skyblue;
position: relative;
}
input::-webkit-input-placeholder {
position: absolute;
top: 0;
}
}
效果:
这里记录一下文章来源:https://www.toymoban.com/news/detail-573555.html
文章来源地址https://www.toymoban.com/news/detail-573555.html
到了这里,关于微信小程序input的placeholder脱离文档流的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!