如何修改uni微信小程序editor组件和input组件的placeholder默认样式

需求

  1. 修改input组件的placeholder的颜色
  2. 修改editor的placeholder的默认样式

input组件的placeholder样式修改

使用 placeholder-class,官网(input | uni-app官网)说明如下:

html

html 复制代码
<input type="text" placeholder="输入标题" placeholder-class="title_input">

css

css 复制代码
/deep/.title_input{
		color: red;
}

效果

editor组件的placeholder样式修改

先来看看原本的editor的placeholder默认样式。如下,我现在把它改成红色字体取消倾斜

代码

html

html 复制代码
<editor placeholder='我有话要说......'></editor>

css

css 复制代码
/deep/ .ql-blank::before {
		color: red;
		font-style: normal;//让文字不倾斜
}

效果

相关推荐
@PHARAOH20 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_11 天前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙1 天前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_797882091 天前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘1 天前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理1 天前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
zoahxmy09292 天前
微信小程序 request 流式数据处理
微信小程序
人人题2 天前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛2 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_440470502 天前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云