路边有个胖子
2016-03-02 07:46
采纳率: 60%
浏览 2.9k
已采纳

手机UC浏览器 select下拉框内容被遮挡,不能正常显示,求解决。

图片说明

 <div class="col-xs-10 col-xs-offset-1 form-box">
            <div class="form-content">
              <form>
                <div class="form-group">
                  <label class="sr-only">学校</label>
                  <select class="form-control input-lg" id="school">
                      <option>选择学校</option>
                  </select>
                </div>
                <div class="form-group">
                  <label class="sr-only">用户名</label>
                  <input type="text" class="form-control input-lg" id="username" placeholder="用户名">
                </div>
                <div class="form-group">
                  <label class="sr-only">密码</label>
                  <input type="password" class="form-control input-lg" id="password" placeholder="密码">
                </div>
                <div class="checkbox">
                  <label>
                    <input type="checkbox" id="UserMsg"> 记住密码
                  </label>
                </div>
                <a id="login" class="btn btn-lg btn-primary btn-block">登 录</a>
              </form>
              <br>
              <div class="mesg1 alert alert-danger" role="alert" style="display:none">请选择学校!</div>
              <div class="mesg2 alert alert-danger" role="alert" style="display:none">用户名或密码不能为空!</div>
              <div class="mesg3 alert alert-danger" role="alert" style="display:none">用户名或密码错误,请重试!</div>
            </div>
          </div>

上面是我的登录部分代码,使用bootstrap写的,手机UC会出现这样的情况,自带浏览器倒是没有问题,求大神点睛!!!

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • threenewbee 2016-03-08 04:14
    已采纳

    这是uc的bug,针对uc浏览器做点css hack,比如把输入框的margin改小

    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题