【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;

}

相关推荐
li理2 分钟前
鸿蒙 Next 布局大师课:从像素级控制到多端适配的实战指南
前端
前端赵哈哈6 分钟前
Vite 图片压缩的 4 种有效方法
前端·vue.js·vite
Nicholas6813 分钟前
flutter滚动视图之ScrollView源码解析(五)
前端
电商API大数据接口开发Cris15 分钟前
Go 语言并发采集淘宝商品数据:利用 API 实现高性能抓取
前端·数据挖掘·api
风中凌乱的L20 分钟前
vue 一键打包上传
前端·javascript·vue.js
GHOME24 分钟前
Vue2与Vue3响应式原理对比
前端·vue.js·面试
张元清26 分钟前
useMergedRefs: 组件封装必不可少的自定义Hook
前端·javascript·面试
openInula前端开源社区26 分钟前
【openInula茶话会】第四期:openInula API2.0编译器原理
前端·javascript
moyu8428 分钟前
深入解析 JavaScript 作用域链:变量查找的核心机制
前端
1024小神29 分钟前
微信小程序xr-frame中的marker识别OSD Marker和2DMarker
前端