收藏
回答

使用CSS变量更改textarea标签的placeholder的文字颜色不生效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 微信安卓客户端 8.0.41 3.1.5
在app.wxss定义两个CSS变量,例如 
view {
  --warning-main-color--: #F5912F;
  --success-main-color--: #00C382;
}

wxml代码:

<view class="test1">
    <textarea placeholder="请输入1请输入1请输入1请输入1" auto-height="{{true}}" class="ta1"></textarea>
</view>
<view class="test2">
    <textarea placeholder="请输入2请输入2请输入2请输入2" auto-height="{{true}}" class="ta2"></textarea>
</view>

wxss代码:

.test1 textarea,
.test2 textarea {
    color: red;
}
.test1 .textarea-placeholder {
    color: var(--warning-main-color--);
}

.test2 .textarea-placeholder {
    color: var(--success-main-color--);
}



问题描述:在ios设备表现正常。
在android设备、微信开发者工具(稳定版1.06.2307260)首次渲染均不正常(placeholder此时的文字颜色是 red ),需要输入一些文字,然后删
除刚刚输入的文字,placeholder的文字颜色才渲染正确(例如这里是:#F5912F 和 #00C382)
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容