直接修改 placeholder 属性值是最常用且安全的方式，需写在 input 标签内并用双引号包裹，如 placeholder="搜一搜商品、品牌..."；CSS 仅能通过伪元素调整样式，JS 动态修改需确保 DOM 加载完成。
搜索框 placeholder 文字怎么改
直接改 placeholder 属性值就行，这是最常用也最安全的方式。HTML5 原生支持该属性，所有现代浏览器都兼容，不需要 JS 或 CSS 干预。
常见错误是把 placeholder 写成 value 或误加在 label 里——那样不会生效，或者导致输入时文字残留。
-
placeholder必须写在或标签内 - 值用双引号包裹，中文、空格、标点都可直接写，例如：
placeholder="搜一搜商品、品牌..." - 如果模板里用了框架（如 Vue/React），可能 placeholder 是绑定的变量，得去查
:placeholder或{{ searchPlaceholder }}对应的数据源
用 CSS 改 placeholder 的样式但不改文字
placeholder 文字本身不能用普通 CSS 选中，必须用伪元素。不同浏览器前缀不同，漏掉任一就可能不生效。
input::placeholder {
color: #999;
font-size: 14px;
}
input::-webkit-input-placeholder { /* Chrome / Safari / Edge */
color: #999;
}
input::-moz-placeholder { /* Firefox 19+ */
color: #999;
}
input:-ms-input-placeholder { /* IE 10+ */
color: #999;
}注意：CSS 只能控制颜色、字体、透明度等显示效果，不能替换文字内容。想动态换文字，必须走 JS 或模板变量。
立即学习“前端免费学习笔记（深入）”；
JS 动态修改 placeholder 的时机和风险
运行时改 placeholder 是可行的，但要注意 DOM 是否已加载完成，以及是否被其他脚本覆盖。
- 确保操作发生在
DOMContentLoaded之后，或把 script 放在
