Question

你们可以查看我正在处理的网站，并通过这个Select2库和CSS帮助我一点点击 - 点击Telefacer.com底部的搜索字段，您会看到整个底栏略微向上移动。我自己无法解决这个问题.T_T。

Answer 1

我发现了问题。如果你看看这个

<ul class="select2-choices">  
     <li class="select2-search-field">    
          <input type="text" autocomplete="off" class="select2-input select2-default" tabindex="-1" id="s2id_autogen2" style="width: 496px;">  
     </li>
</ul>

当您单击或尝试搜索时，将会有其他类，因此它将更改css或具有其他最新效果，您所要做的就是更改select2.css文件中的类

更改

的班级

.select2-container-active{
    border: 0px solid #5897fb;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

这是由于边界变为1px，这就是为什么它向上移动了一点。

或者：如果您不想更改css文件，您可以做的是添加边框：0px solid＃5897fb;在ul

<ul class="select2-choices" style="border:0px solid #5897fb;">

希望这能解决您的问题。祝你有愉快的一天。

选择后，输入字段会变大

1 个答案: