Taro Input组件的placeholderClass对H5页面不生效

[Tammy-zting]

相关平台

H5

浏览器版本: Chrome最新版
使用框架: React

复现步骤

//index.jsx

  <View className={className} style={style}>
            <Iconfont name="search"/>
            <Input
                placeholder={placeholder}
                className={`${className}__input`}
                placeholderClass={`${className}__input__placeholder`}
                onChange={handleChange}
                onBlur={handleFocus}
            />
        </View>

//index.scss

.cus-search {
    background-color: #f3f3f3;
    border-radius: 20Px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10Px;
    height: 30Px;

    &__input {
        margin-left: 16px;
        flex: 1;

        &__placeholder {
            font-size: 30px;
            color: red;
        }
    }
}

期望结果

H5和小程序端显示一致

实际结果

小程序Input的样式修改生效，H5不生效

环境信息

👽 Taro v3.2.12


  Taro CLI 3.2.12 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.17.0 - D:\Program Files (x86)\node.EXE
      Yarn: 1.16.0 - D:\Program Files (x86)\Yarn\bin\yarn.CMD
      npm: 6.14.13 - D:\Program Files (x86)\npm.CMD

[Tammy-zting]

上面代码效果如图

[ZakaryCode]

H5 暂时不支持 placeholderClass 属性

[Fujitomy]

有解决方案嘛，Textarea的placeholderClass h5也不支持，2年过去了

[Tammy-zting]

周婷婷已收到您的邮件，谢谢！！