uniapp中placeholder样式的修改

824 阅读1分钟
  1. 行内样式 - placeholder-style
htmlCopy code
<input type="text" placeholder="请输入关键词" placeholder-style="color: #C0C0C0" />

这种方法适用于需要直接在输入框组件中指定样式的情况。你可以通过 placeholder-style 直接在 <input> 标签中定义样式,这样可以针对单个输入框进行样式修改,方便简洁。

  1. CSS 外联样式 - placeholder-class
htmlCopy code
<input type="text" placeholder="请输入关键词" placeholder-class="pcs"/>

这种方法适用于通过外联 CSS 类来定义样式的情况。你可以在全局样式或者组件样式中定义 .pcs 类,然后通过 placeholder-class 属性将该样式类应用到多个输入框中。这种方法适用于需要统一管理样式或者需要在多个输入框中复用样式的情况。