当input与button重叠时,input的内容会浮现在button上
发布于 5 年前 作者 yang71 6469 次浏览 来自 问答
  • 当前 Bug 的表现:如题,当input与button重叠时,input的内容会浮现在button上
  • 预期表现  button应该在上层,input的内容不应该浮现在button上
  • 测试真机:华为荣耀7

  • 在开发工具也是这样

  • 提供一个最简复现 Demo

部分代码:

            <view class=“view1”>

              <text class=“text2”>选择空间:</text>

              <input name=“placeNum” placeholder=“请输入数量” class=“xd-input” value="{{place.placeNum}}" type=“number” />

            </view>

          <view class=‘area’ style=“position: fixed;bottom: 0rpx;”>

            <button class=‘book’ formType=“submit” style=“width: 750rpx;”>预定</button>

          </view>

1 回复

你的问题可以通过增加按钮样式z-index:9 来解决

但是还有有一点不完美,如果重叠的是textarea,点击按钮的话,还会选中textarea,无法点中按钮。

回到顶部