Java基于springboot+vue开发服装商城小程序

问题描述

uniapp微信小程序，使用input组件时，想要改变提示词 placeholder 的样式，但是使用placeholder-class 改变不了

如下：

<input type="text" placeholder="搜索" placeholder-class="placeholder_class">

<style lang="less" scoped>
    .placeholder_class{
      font-size: 26rpx;
    }
</style>

问题分析 

如果你在使用`scoped`属性时无法改变`placeholder`的样式，可能是由于样式的优先级问题。在CSS中，选择器的优先级是根据其特定性和声明顺序来确定的。当多个选择器具有相同的特定性时，后面声明的样式会覆盖前面的样式。

解决方案

方法一：去掉scope

方法二：使用deep选择器

记录一下。。