html - 最小化文本框在 html 中的尺寸非常大。它没有响应

Question

<div class="form-group">
 <label class="control-label col-sm-2">Product Sub Category</label>
  <div class="col-sm-10">
   <select class="form-control chzn-select" style="height: 25px; display: none;"        tabindex="-1" multiple="multiple" data-placeholder="Choose a Country">
    <div class="chosen-container chosen-container-multi chosen-with-drop chosen- container-active" style="width: 888px;" title="">
     <ul class="chosen-choices">
     <li class="search-choice">
     <span>United States</span>
    <a class="search-choice-close" data-option-array-index="0"></a>
  </li>
    <li class="search-field">
      <input class="" type="text" style="width: 25px;" autocomplete="off"  value="Choose a Country" tabindex="4">
  </li>
  </ul>
    <div class="chosen-drop">
    <ul class="chosen-results">
     <li class="result-selected" data-option-array-index="0" style="">United States</li>
     <li class="active-result" data-option-array-index="1" style="">United Kingdom</li>
     <li class="active-result" data-option-array-index="2" style="">Afghanistan</li>
     <li class="active-result" data-option-array-index="3" style="">Albania</li>
     <li class="active-result" data-option-array-index="4" style="">Algeria</li>
     <li class="active-result" data-option-array-index="5" style="">American Samoa</li>
     <li class="active-result" data-option-array-index="6" style="">Andorra</li>
  </ul>
  </div>
  </div>
  </div>
  </div>

这一段代码我这边用的最多。任何部分删除都不起作用。这一段不起作用。所以，我在等待更正。

Answer 1

您的 select 和 input 标签没有关闭。看这个fiddle使用正确的 html。

在末尾添加/:

<input class="" type="text" style="width: 25px;" autocomplete="off"  value="Choose a Country" tabindex="4"/>

选择需要结束标签:

<select class="form-control chzn-select" style="height: 25px; display: none;" tabindex="-1" multiple="multiple" data-placeholder="Choose a Country">  
</select>