uniapp 开发微信小程序修改 input 的 placeholder 的样式

419 阅读1分钟

uniapp 开发微信小程序修改 input 的 placeholder 的样式

最近在使用 uniapp 开发微信小程序时,遇到想修改 input 的 placeholder 的样式不生效的问题,这里记录下:

<template>
  <input placeholder-class="placeholder"/>
</template>

注意,如果你使用<style >,因为有scoped,所以不生效 (这种写法不生效)
<style scoped lang="scss">
  .placeholder {
    color: red;
  }
</style>

你可以再下面写一个<style>(这种写法可以生效)
<style>
  .placeholder {
    color: red;
  }
</style>