微信小程序修改input placeholder的样式

作者: LuckyJin | 来源:发表于2020-03-18 16:25 被阅读0次

微信小程序修改input placeholder的样式
更改placeholder的字体样式
设置input不同状态下的样式
css属性记录
表单样式美化
前端小知识点总结
伪类
小程序（五）
一些CSS样式
十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条

官方文档

1、在官方文档可以看到，我们可以给 placeholder自定义一个样式

image.png

2、使用方法：自定义给一个类、在input上使用

.input-placeholder {
      color:rgba(226,226,226,1);
      font-size:28rpx;
    }

 <input  placeholder="请输入内容"  placeholder-class="input-placeholder"/>

微信小程序修改input placeholder的样式
官方文档 1、在官方文档可以看到，我们可以给 placeholder自定义一个样式 2、使用方法：自定义给一个类、...
更改placeholder的字体样式
修改input框中placeholder的字体相关样式 ::-webkit-input-placeholder {...
设置input不同状态下的样式
设置input 的placeholder的字体样式设置input聚焦时的样式取消input的边框
css属性记录
控制placeholder的样式 ::-webkit-input-placeholder{} /* 默认place...
表单样式美化
获取光标后的样式：input:focus{}获取光标后placeholder样式设置：input:focus::-...
前端小知识点总结
关于表单: placeholder input默认样式修改: input::-webkit-input-place...
伪类
设置获取焦点的样式：focus{}设置placeholder::-webkit-input-placeholder{}
小程序（五）
一、小程序中Input placeholder属性样式修改在不是小程序的项目中，可以做如下操作 input::-...
一些CSS样式
设置input 的placeholder的字体样式设置input聚焦时的样式取消input的边框隐藏滚动条或...
十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条
1-1. 设置input 的placeholder的字体样式设置input占位符的样式设置input聚焦时的样...