<template>
<view class="inputBox">
<input
type="text"
placeholder="请问您要咨询什么呢"
class="input"
placeholder-class="input-placeholder"
/>
</view>
</template>
<style lang="scss" scoped>
.inputBox {
--color-link: #0066ff;
}
.input-placeholder {
color: var(--color-link);
}
</style>
用户2841799
- 发布：2025-06-22 17:27
- 更新：2025-06-23 15:28
- 阅读：68
产品分类： uni-app x/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 11
HBuilderX类型： 正式
HBuilderX版本号： 4.72
手机系统： iOS
手机系统版本号： iOS 19
手机厂商： 苹果
手机机型： iPad pro 2024
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view class="inputBox">
<input
type="text"
placeholder="请问您要咨询什么呢"
class="input"
placeholder-class="input-placeholder"
/>
</view>
</template>
<style lang="scss" scoped>
.inputBox {
--color-link: #0066ff;
}
.input-placeholder {
color: var(--color-link);
}
</style>
<template>
<view class="inputBox">
<input
type="text"
placeholder="请问您要咨询什么呢"
class="input"
placeholder-class="input-placeholder"
/>
</view>
</template>
<style lang="scss" scoped>
.inputBox {
--color-link: #0066ff;
}
.input-placeholder {
color: var(--color-link);
}
</style>预期结果：
placeholder字体颜色变为#0066ff
placeholder字体颜色变为#0066ff
实际结果：
为默认颜色
为默认颜色
bug描述：
input组件里的placeholder-class无法使用定义的css变量
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
自测低版本是否正常？我自测 17.0 模拟器正常，不是 nvue 吧，先排除高版本ios 的问题
用户2841799 (作者)
是uvue
2025-06-23 19:39
用户2841799 (作者)
选错平台了，是uni-app x
2025-06-23 19:40
用户2841799 (作者)
安卓上也试过了，也是一样不生效
2025-06-23 19:49
用户2841799 (作者)
我试了一下.input-placeholder {
--color-link: #0066ff;
color: var(--color-link);
}不生效.input-placeholder {
color: var(#0066ff);
}生效
2025-06-23 20:04
DCloud_UNI_OttoJi
回复 用户2841799: 目前属性不支持css变量
2025-06-24 16:18