textarea组件placeholder样式不一致
发布于 6 年前 作者 qyin 20198 次浏览 来自 问答

textarea组件和input组件设置一样的placeholder-class，textarea组件渲染的字体效果不一致，比较粗。

.g-placeholder {
  color: #A7A7A7;
  font-size: 28rpx;
  font-weight: 200;
  font-family: -apple-system-font, "PingFang SC", "Helvetica Neue", Helvetica, sans-serif;
}

CSS样式

<textarea class="input" value="{{deman}}" type="text" placeholder="如：我想了解产品细节；我想知道产品价格等"
                placeholder-class="g-placeholder"
                maxlength="100"
                cursor-spacing="50"
                class="deman"
                bindinput="handleInputDemand"/>

textarea代码

<input class="input" value="{{mobile}}" type="number" placeholder="请填写您的手机号"
                placeholder-class="g-placeholder"
                maxlength="11"
                bindinput="handleInputMobile"/>

input的代码

环境信息：

iOS 11.0.1 系统

微信版本：6.5.20

4 回复

下班顶一下

不仅仅是字体粗细不同，包括字体颜色。还有你没发现么，placeholder的文字没有顶格显示，前面有间距233.

textarea差不多是目前最难用的组件（别打我）

各种小毛病233

顶一下

官方现在回复的太慢了

回到顶部