900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 微信小程序: input输入框placeholder样式的修改

微信小程序: input输入框placeholder样式的修改

时间:2018-07-26 08:44:16

相关推荐

微信小程序: 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;}.placeholder-style {color: green;padding-left: 88rpx;}

三、这是我定义的样式的效果图(随便写的哈哈哈哈哈哈哈)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。