微信小程序: 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;
}
三、这是我定义的样式的效果图(随便写的哈哈哈哈哈哈哈)
微信小程序: input输入框placeholder样式的修改相关推荐
- 微信小程序 input 输入框控件 bindinput 没有响应
微信小程序 input 输入框控件 bindinput 没有响应 问题: 微信小程序 input 输入框控件 bindinput 没有响应 原因: 我以为是我这边的问题,检查很多遍检查不出来,最后换个 ...
- 华为手机 微信小程序 input输入框上移
不知道大家有木有遇到过 微信小程序的input 调起输入法的时候 会被挤上去 输入框跑到上面去了 无论css怎么写怎么布局 还是会跑上移 尤其是测试mm的华为手机 别的手机都OK的 解决的方法是 给i ...
- 微信小程序input输入框密码的显示与隐藏
1.实现效果 2.实现原理 input的type之中并无password属性. 小程序提供了一个password属性,用来表示是否是密码类型. 关键思路:动态改变password的值,从而实现密码的显 ...
- 微信小程序input输入框关键字自动联想及关键字高亮
找了好多博客都没有找到关于小程序,模糊查询,自动联想,和关键字高亮显示的文章,没办法,自己造吧. 本文采用的是动态联想,即在input框中输入关键字后,将关键字作为条件去数据库查询,然后将所有查询结果 ...
- 解决uni-app微信小程序input输入框在底部时,键盘弹起页面整体上移问题
问题描述: 最近的做了个客服聊天的功能,遇到一个问题如下: 在手机上点击聊天页底部的input框后,键盘弹起同时页面会整体上移,标题栏被顶上去了.如下图: 问题分析: input 获取焦点时会自动调起 ...
- 微信小程序input输入框
1.实现input框只能用来传值,不能写数据的办法,是直接让disabled="true"就可以了 <input id='name' disabled="true& ...
- 微信小程序input输入框校验手机号输入错误
<view class="flex jc-between"><view>联系方式</view><input class="pla ...
- 小程序数据框有重影_微信小程序input重影什么原因?怎么解决重影?
微信小程序input重影什么原因?怎么解决重影?微信小程序input输入框输入出现了重影的情况,这是什么原因呢?又该怎么去解决微信小程序input重影问题. 微信小程序input重影怎么办? 问题描述 ...
- 微信小程序获取输入框(input)内容
微信小程序---获取输入框(input)内容 wxml <input placeholder="请输入手机号码" maxlength="11" type= ...
最新文章
- MariaDB/MySQL 报错解决:ERROR 1698 (28000): Access denied for user 'root'@'localhost'
- java 反爬虫_springboot反爬虫组件kk-anti-reptile的使用方法
- 数学建模学习笔记——灰色关联分析(评价类)
- nodejs 开发,手把手开始第一个服务器程序(原生)
- Android 图片压缩、照片选择、裁剪,上传、一整套图片解决方案
- linux 信号量锁 内核,Linux内核中锁机制之信号量、读写信号量
- Ogitor的编译配置全过程
- 51单片机的轮胎气压监测系统_SHT11传感器的温度、湿度采集系统,51单片机,Proteus仿真,C代码等...
- mysqld: Can‘t create directory ‘D:\software\mysql-8.0.28-winx64\mysql-8.0.28-winx64\bin\ oftware\mys
- oracle rollup分组没有数据时为0_数据库周刊19│GBASE适配鲲鹏;MySQL窗口函数;OGG双向数据同步……...
- 如何防止通过url攻击_百和情缘答疑:通过网上征婚相亲如何防止被骗?
- 小车故障灯亮显示大全_原创案例丨17款迈锐宝XL缺缸故障
- springcloud整合nacos启动时报错‘com.netflix.client.config.IClientConfig‘ that could not be found
- Easy CHM软件使用方法【申明:来源于网络】
- bug是什么意思详细介绍
- Fabric2.3分布式部署(fabric-ca)
- 如何学计算机打字,电脑如何快速学会打字
- 一周信创舆情观察(11.22~11.28)
- Comparator--比较器
- [乱谈]中文VS英文-各取所长,各尽其用-Kenshin乱谈版