uniapp修改input中placeholder样式

Uniapp官方提供了两种修改的属性方法,但经过测试,只有 placeholder-class 属性能够生效

html 复制代码
<input placeholder="请输入手机验证码" placeholder-class="input-placeholder"/>

<!-- css -->
<style lang="scss" scoped>
/deep/ .input-placeholder {
	color: red;
}
</style>

效果如下:

相关推荐
web打印社区6 小时前
网页静默打印热敏小票:从 HTML 到出纸的完整指南
前端·javascript·vue.js·electron·pdf·html
ModyQyW8 小时前
vite-plugin-uni-manifest 更新了什么
前端·typescript·uni-app
专业抄代码选手13 小时前
08|Fiber 上的 `useState`:状态终于属于具体组件
前端·javascript·react.js
默_笙13 小时前
😭 Vibe Coding 翻车实录:AI 编程为什么必须先写"剧本"
前端·javascript
lerhxx14 小时前
我用 R3F 手搓了一个能走进去的 3D 迷宫简历(上):从选型架构到迷宫生成算法
前端·javascript·three.js
鹏多多19 小时前
PC 网站接入微信登录,这 10 个坑我替你踩完了!
前端·javascript·vue.js
用户2986985301420 小时前
React 中 HTML 内容转 Word 文档的实现方案
javascript·react.js·html
mONESY20 小时前
我用 Next.js 16 + Supabase 从零做了个「背单词」H5 应用
javascript
boooooooom20 小时前
手把手做一个图 RAG 烹饪问答系统:Neo4j + Milvus + LLM 的工程实践
前端·javascript·后端
PedroQue9920 小时前
v2.7.1:修复 H5 端返回死循环闪烁问题
前端·uni-app