相信大伙在开发微信小程序的时候都会遇到这种问题。因为客户的需求,所以我们需要对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;
}
.placeholder-style {
color: green;
padding-left: 88rpx;
}
三、这是我定义的样式的效果图(随便写的哈哈哈哈哈哈哈)