安卓input的background: linear-gradient渲染不正常
发布于 6 年前 作者 tyuan 15693 次浏览 来自 问答

开发工具显示正常,三星S6手机上有错误

input用background: linear-gradient(#ffffff, rgba(245, 245, 193,0.4))时会有两个渐变效果,用padding或者width改变宽度都是这样,用textarea就不会

  • 当前 Bug 的表现(可附上截图)

<input class=“dateTypeInput” placeholder=‘请输入类型(10字以内)’ maxlength=“10” bindinput=“inputDateType” wx:if="{{dateTypeNum == 7}}"></input>

<input class=“describe” placeholder=“请描述一下(选填)” bindinput=“inputDes”></input>

.title {

width: 85%;

height: 80rpx;

margin: 10px auto;

padding: 0px 0px 0px 20px;

line-height: 80rpx;

border: 1px solid rgb(245, 245, 193);

background: linear-gradient(#ffffff, rgba(245, 245, 193,0.3));

}

.describe {

width: 80%;

height: 200px;

margin: 5px auto;

padding: 5px 20px;

border: 1px solid rgb(245, 245, 193);

background: linear-gradient(#ffffff, rgba(245, 245, 193,0.4));

}

这是把标签从input改成textarea的效果

2 回复

没有看到2个渐变效果吧。

看文档了吗,文档上是不是没说清楚啊?

回到顶部