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

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

官方现在回复的太慢了

回到顶部