您好,小程序模板欢迎您。
小程序模板
当前位置 : 首页> 小程序教程> 微信小程序自定义placeholder颜色和样式

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

如图,这是微信小程序input组件的官方文档描述,下图红框里的 placeholder-style placeholder-class 就是微信小程序里用来给placeholder设置样式的属性。

12.png

一、使用placeholder-style设置样式

placeholder-style相当于在标签的style属性,可直接在标签内设置。


用法:

wxml代码:

wxss代码:

input{ width: 300rpx; border: 2rpx solid #000; margin: 50rpx auto; border-radius:10rpx; }


二、使用placeholder-class设置样式

用法:


wxml代码:

wxss代码:

input{ width: 300rpx; border: 2rpx solid #000; margin: 50rpx auto; border-radius:10rpx; }
.placeholderStyle{ color:#000; font-size: 26rpx; }

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了