如何修改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;//让文字不倾斜
}

效果

相关推荐
YoloMari2 小时前
组件中的emit
前端·javascript·vue.js·微信小程序·uni-app
一只风里8 小时前
头像生成小程序搭建(免费分享)
微信小程序·小程序·uniapp·头像框小程序·头像生成·流量主·壁纸头像
V+zmm101348 小时前
食堂订餐小程序ssm+论文源码调试讲解
java·数据库·微信小程序·小程序·毕业设计
说私域8 小时前
私域流量池构建与转化策略:以开源链动2+1模式AI智能名片S2B2C商城小程序为例
大数据·人工智能·小程序·开源
weixin_418654698 小时前
Cursor 帮你写一个小程序
小程序·cursor ai
计算机-秋大田11 小时前
微信阅读网站小程序的设计与实现(LW+源码+讲解)
spring boot·后端·微信·微信小程序·小程序·课程设计
你我哈1 天前
微信小程序-点餐(美食屋)02开发实践
微信小程序·小程序·html·php·美食
漏刻有时1 天前
微信小程序高级开发(2):保存远程海报图片到相册(权限检查、下载图片、保存图片、错误处理)
微信小程序·小程序·notepad++
会发光的猪。1 天前
如何获取小程序的code在uniapp开发中
前端·小程序·uni-app
至尊鸡1 天前
今天也是记录小程序进展的一天(破晓时8)
前端·科技·小程序·前端框架