⼩程序:input输⼊框placeholder样式的修改
相信⼤伙在开发⼩程序的时候都会遇到这种问题。因为客户的需求,所以我们需要对input框中的placeholder的样式进⾏修改。接下来告诉⼤家怎么修改,该⽅法仅适⽤于⼩程序。
⼀、我们要给placeholder定义⼀个样式的名称,,这⾥我们需要⽤到placeholder-class这个属性
<view>
<input type="text" placeholder="好唔开⼼啊" placeholder-class="placeholder-style" />
</view>
⼆、接下⾥我们只要在wxss刚刚定义的类名⾥写上你们所需要的要是就OK了
page{
background-color: #eee;
}
view {
width: 100vw;
height: 100rpx;
display: flex;
justify-content: center;
margin-top: 168rpx;
}
view input {
width: 80vw;
height: 80rpx;
border: 1px solid black;
border-radius: 8rpx;
input标签placeholder属性
}
.placeholder-style {
color: green;
padding-left: 88rpx;
}
三、这是我定义的样式的效果图(随便写的哈哈哈哈哈哈哈)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论