2 willerfu Willerfu 于 2016.03.02 15:46 提问

手机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个回答

caozhy
caozhy   Ds   Rxr 2016.03.08 12:14
已采纳

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

Willerfu
Willerfu 谢谢啦,我后面把input的尺寸改小了,就好了,感谢
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!