jquery多选弹出窗口未显示

时间:2016-01-31 07:51:40

标签: css multi-select

我使用此jQuery plugin进行多选。但是,当我点击选择框弹出窗口没有完美显示,我认为这是因为父div的CSS样式。

 <div class="input_line" style="position: relative;">
                  <label class="e1m">Lenght?</label>
                  <div class="input_box" >
                      <div class="icon down_icon"></div>
                      <select class="inputy-wide" name="size" id="size" class="multiselect" multiple="multiple">
                          <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
                      </select>
                  </div>
             </div>   

这是父div的Css样式。

.input_line{
    width: auto;
    height: auto;
    overflow: hidden;   
}
.input_line label{
    font: 0.9em bkoodakbold;
    padding-bottom: 10px;
    display: block;
    text-align: right;
    color:#000000;
    width: auto;
    padding-right: 20px;
}

.input_line .input_box{
    width: 100%;
    background: #EEEEF3;
    border-radius:25px;
    height: 50px;   
}

并点击这样的选择框:

enter image description here

我如何修复这种风格???

0 个答案:

没有答案