小程序中修改input的placeholder字体颜色样式

最新推荐文章于 2025-03-17 15:08:30 发布
最新推荐文章于 2025-03-17 15:08:30 发布
阅读量2.1k 收藏 9
点赞数 10
分类专栏： css 小程序 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang_jimei/article/details/135411363
版权

一、设计图给出的placeholder的字体颜色跟默认的不一样，需自定义，给其自定义一个placeholder-class
二、代码

<input type="text" value="" placeholder="请输入申报内容"  placeholder-class="c-palceholder"/>

.c-palceholder{
   
	color:
最低0.47元/天 解锁文章
web和微信小程序设置placeholder样式
小马甲
11-30 2380
在页面布局时经常会用到`input`输入框，有时为了提示用户输入正确的信息，需要用`placeholder`属性加以说明。`placeholder` 是`HTML5` 中新增的一个属性，需要注意浏览器的兼容性。。`placeholder`可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入用户名，什么地方输入密码，这个就是使用的`placeholder`属性。
微信小程序input自动聚焦后placeholder文字位置上移
HuLuWa1997的博客
11-21 4294
问题： 这个问题出现的原因是给input上面给了上下的padding或者margin值 解决方法是给input给height和line-height 代码如下： <view class="searchView"> <image class="backImgStyle" src="{{imageUrl}}/epacSearch/backIcon.png" bindtap="backPage"></image> <input class="se
微信小程序：修改提示信息placeholder颜色
最新发布
weixin_46001736的博客
03-17 785
微信小程序：修改提示信息placeholder颜色
小程序 · 改变placeholder颜色
weixin_42091247的博客
09-13 503
wxml <input class="weui-input text-right" placeholder-class="phcolor" placeholder="请输入详细地址" /> wxss .phcolor { color: red; font-size: 14px; }
微信小程序 修改placeholder颜色
ZPD_zpd的博客
04-14 1026
先写个文本框，默认显示 “请输入姓名” 然后添加属性 placeholder-class 自定义一个名称 这里使用 placeholderStyle <input type="text" placeholder="请输入姓名" placeholder-class="placeholderStyle" /> 这是默认样式 之后在 WXSS 页面修改样式 input{ border: 1rpx solid black; } .placeholderStyle{ color: r
微信小程序修改placeholder样式
qq_17859117的博客
03-10 3857
微信小程序有既定的修改placeholder的标签。
微信小程序改变placeholder颜色
Fly的博客
09-17 2810
微信小程序改变placeholder颜色 1.wxml &lt;input class="weui-input text-right" placeholder-class="phcolor" placeholder="请输入详细地址" /&gt; 2.wxss .phcolor { color: red; font-size: 14px; } 效果： ...
微信小程序 input输入框控件详解及实例（多种示例）
08-31
在微信小程序中，`input`输入框控件是用户交互的重要组成部分，用于接收用户输入的文字、数字或其他文本信息。在登录、注册、搜索等功能中，输入框是必不可少的元素。本文将详细介绍微信小程序的`input`输入框控件，...
微信小程序输入框字体颜色设定和输入框中输入字体的设定
weixin_45649612的博客
03-03 6011
使用 palaceholder-class属性 在wxss中修改其格式的样式 wxml： <input class="input" type="text" bindinput='getInputValue' name="find" placeholder="输入查询内容" placeholder-class="bgc" form-type="submit"/> wxss： .bgc { color:gray; } ...
小程序placeholder颜色怎么设置
丿灬安之若死
10-18 538
<input type="text" placeholder="请输入" placeholder-class="placeholderStyle"></input> wxss代码 .placeholderStyle{ //样式 }
如何修改uni微信小程序editor组件和input组件的placeholder默认样式
T3165919332的博客
05-29 1748
先来看看原本的editor的placeholder默认样式。如下，我现在把它改成红色字体取消倾斜。使用 placeholder-class，官网（
修改 input 中 placeholder的 颜色和 字体大小
weixin_58224449的博客
11-29 9489
【代码】修改 input 中 placeholder的 颜色和 字体大小。
微信小程序占位符(placeholder)颜色等样式修改方法
前端一线搬运工的博客
06-22 1万+
1.wxml上给input一个占位符的样式placeholder-class="xxx",值随便取一个;&lt;input placeholder="我是占位符" placeholder-class="zhanweifu"&gt;2.在wxss样式文件获取上面的类名,如下即可修改.zhanweifu{ color: #333; }理论上支持修改其他样式,我就不一一试了;...
微信小程序设置placeholder颜色
包子源的博客
04-26 2207
<input placeholder-style="color:#BBBBBB" placeholder='请选择出发地'></input>
微信小程序placeholder设置自定义颜色
热门推荐
llixiangjian的博客
07-25 3万+
.phcolor{ color: #18acff; }
小程序placeholder样式的修改
caoyan0829的博客
04-04 1万+
1.官方文档有这么一段话，那我们怎么使用呢？ 2.意思就是 你将placeholder再自定义一个class，自己去样式表去定义样式。 3.去定义自己想要的样式。 深圳的加一下群吧，一起交流，面试内推线下活动等等 最后分享一个公众号二维码，写一些散文和影评等，欢迎关注。 ...
placeholder 属性（占位文本）用法
韩世雷 程序员专栏
08-12 3298
placeholder 属性是 HTML5 中的新属性。
uni-easyinput disabled后placeholder字体颜色怎么改
09-13
1. 首先，在你的项目中找到`.wx-input-disabled.wx-textarea-placeholder`这个CSS选择器，这是微信小程序对禁用输入框placeholder的默认样式。 2. 创建一个新的CSS规则，比如在`app.wxss`或者其他自定义样式文件中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值