【uniapp】小程序中input输入框的placeholder-class不生效

解决方法

1.去掉scoped

<style></style>

2.额外写一组style

</style lang="scss" scoped>

</style>

<style>

::v-deep .textarea-placeholder {

font-size: 24rpx;

font-weight: 400;

// color: rgba(176, 184, 194, 1);

color: red;

}

</style>

3.样式穿透

scss

::v-deep .textarea-placeholder {

font-size: 24rpx;

font-weight: 400;

// color: rgba(176, 184, 194, 1);

color: red;

}

less

/deep/ .textarea-placeholder {

font-size: 24rpx;

font-weight: 400;

// color: rgba(176, 184, 194, 1);

color: red;

}

相关推荐
天蓝色的鱼鱼2 分钟前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879974 分钟前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee1835 分钟前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli37 分钟前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒1 小时前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端
IT_陈寒1 小时前
Java开发必知的5个性能优化黑科技,提升50%效率不是梦!
前端·人工智能·后端
LDX前端校草1 小时前
前端开发规则配置
前端
代码老中医1 小时前
2026前端工程化新范式:如何用AI驱动你的设计系统?
前端
用户11481867894841 小时前
Vite项目中的SVG雪碧图
前端·面试
这个实现不了1 小时前
vue写一些进度条样式1
前端