收藏
回答

安卓input的background: linear-gradient渲染不正常

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug input 客户端 6.6.7 2.2.5

开发工具显示正常,三星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的效果


最后一次编辑于  2018-11-12  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • cunjinli
    cunjinli
    2018-12-17

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

    2018-12-17
    赞同
    回复
  • 兰昊
    兰昊
    2018-11-12

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

    2018-11-12
    赞同
    回复 1
    • 三盈蛇第一帅炮
      三盈蛇第一帅炮
      2018-11-12

      官方文档跟你55开吧

      2018-11-12
      回复