选择时输入字段变大答案

【问题标题】：Input field becomes bigger when selected选择时输入字段变大
【发布时间】：2013-12-12 02:43:52
【问题描述】：

你们能否看看我正在开发的网站，并帮助我使用这个 Select2 库和 CSS - 点击 Telefacer.com 底部的搜索字段，你会看到整个底部栏向上移动。我无法自己解决这个问题T_T。

【问题讨论】：

字体在我看来是一样的。这里的粗体是什么意思？是因为搜索栏上移了吗？
@iCezz 是的，没错。将我的帖子更改为更清晰。

标签： css twitter-bootstrap jquery-select2

【解决方案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;">

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

【讨论】：

非常感谢，等我有时间查收。
很高兴为您提供帮助。如果您还有任何疑问，请随时告诉我。