技术栈

uniapp修改input中placeholder样式

巴啦啦臭魔仙2024-10-22 23:13

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

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

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

效果如下:

上一篇:Android二代抽取壳简易实现和踩坑记录
下一篇:【JavaScript】Javascript基础Day02:运算符、分支、循环
相关推荐
前端Hardy
11 小时前
面试官:JS数组的常用方法有哪些?这篇总结让你面试稳了!
javascript·面试
yuki_uix
11 小时前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
全栈老石
12 小时前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
Leon
13 小时前
新手引导 intro.js 的使用
前端·javascript·vue.js
牛奶
14 小时前
JS随笔:浏览器 API(DOM 与 BOM)
前端·javascript·面试
牛奶
14 小时前
JS随笔:异步编程与事件循环
前端·javascript·面试
牛奶
14 小时前
JS随笔:数据结构与集合
前端·javascript·面试
小陆猿
14 小时前
股票实时行情Echarts动态图表
前端·javascript
牛奶
14 小时前
JS随笔:ES6+特性与模块化实践
前端·javascript
牛奶
15 小时前
JS随笔:基础语法与控制结构
前端·javascript
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03OpenClaw 使用和管理 MCP 完全指南04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南06Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤07AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot08Window 10部署openclaw报错node.exe : npm error code 12809让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南10网站改了域名,如何查找?