E企盈营销工具技术服务商 热线:4006-838-530

微信小程序自定义placeholder颜色和样式

E企盈直播平台营销卖货系统

自定义placeholder颜色和样式如图,这是微信小程序input组件的官方文档描述,下图红框里的placeholder-style和placeholder-class就是微信小程序里用来给placeholder设置样式的属性。 一、使用placeholder-style设置样式placeholder-style相当于在标签的style属性,可直接在标签内设置。用法:input type=”text” placeholder=”请输入” placeholder-style=”color:#e2e2e2;”/input示例如下:wxml代码:input type=”text” placeholder=”请输入” placeholder-style=”color:#000;”/inputwxss代码:input{  width: 300rpx;  border: 2rpx solid #000;  margin: 50rpx auto;  border-radius:10rpx; }效果如下: 如果没有placeholder-style=”color:#e2e2e2;”的效果如下,因为微信小程序默认的placeholder样式是和input设置的样式是不一样的,所以提供了placeholder-style,placeholder-class。 二、使用placeholder-class设置样式用法:wxml代码:input type=”text” placeholder=”请输入” placeholder-class=”placeholderStyle”/inputwxss代码:.placeholderStyle{  //样式}示例如下:wxml代码:input type=”text” placeholder=”请输入” placeholder-class=”placeholderStyle”/inputwxss代码:input{  width: 300rpx;  border: 2rpx solid #000;  margin: 50rpx auto;  border-radius:10rpx; }.placeholderStyle{  color:#000;  font-size: 26rpx;}效果如下: 可以看到在placeholderStyle类设置的颜色并没有变化。placeholder的颜色只能通过placeholder-style的方式设置。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序自定义placeholder颜色和样式
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏