如何添加边框，这些2个组合框

我想要实现的边界为低于2的jQuery选择组合框像下面的图片我想使边框下面的2个搜索框如何添加边框，这些2个组合框

$(".chosen-select").chosen();

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
 
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script> 
 
<div> 
 
    
 
    <em>Multiple Select with Groups</em><br> 
 
    <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> 
 
    <option value=""></option> 
 
    <optgroup label="NFC EAST"> 
 
     <option>Dallas Cowboys</option> 
 
     <option>New York Giants</option> 
 
     <option>Philadelphia Eagles</option> 
 
     <option>Washington Redskins</option> 
 
    </optgroup> 
 
    
 
    </select> 
 
    
 
    <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> 
 
    <option value=""></option> 
 
    <optgroup label="NFC EAST"> 
 
     <option>Dallas Cowboys</option> 
 
     <option>New York Giants</option> 
 
     <option>Philadelphia Eagles</option> 
 
     <option>Washington Redskins</option> 
 
    </optgroup> 
 
    
 
    </select>

来源

2016-08-06 overflowstack9

这样https://jsfiddle.net/9Lrh8wqq/？ –

@米创意是你的权利 – overflowstack9

@ overflowstack9你可以使用feildset，它是好得多这个http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_fieldset –

$(".chosen-select").chosen();

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
 
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script> 
 
<div style="border: medium solid; 
 
max-width: 354px; 
 
padding: 20px;"> 
 
    
 
    <em>Multiple Select with Groups</em><br> 
 
    <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> 
 
    <option value=""></option> 
 
    <optgroup label="NFC EAST"> 
 
     <option>Dallas Cowboys</option> 
 
     <option>New York Giants</option> 
 
     <option>Philadelphia Eagles</option> 
 
     <option>Washington Redskins</option> 
 
    </optgroup> 
 
    
 
    </select> 
 
    
 
    <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> 
 
    <option value=""></option> 
 
    <optgroup label="NFC EAST"> 
 
     <option>Dallas Cowboys</option> 
 
     <option>New York Giants</option> 
 
     <option>Philadelphia Eagles</option> 
 
     <option>Washington Redskins</option> 
 
    </optgroup> 
 
    
 
    </select>

来源

2016-08-06 04:30:50

它的工作...... .... – overflowstack9

请尝试下面的代码。

$(".chosen-select").chosen();

.sel-div{ 
 
    border:1px solid #000; 
 
    padding:10px; 
 
    width:400px; 
 
}

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
 
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script> 
 
<div class="sel-div"> 
 
    
 
    <em>Multiple Select with Groups</em><br> 
 
    <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> 
 
    <option value=""></option> 
 
    <optgroup label="NFC EAST"> 
 
     <option>Dallas Cowboys</option> 
 
     <option>New York Giants</option> 
 
     <option>Philadelphia Eagles</option> 
 
     <option>Washington Redskins</option> 
 
    </optgroup> 
 
    
 
    </select> 
 
    
 
    <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> 
 
    <option value=""></option> 
 
    <optgroup label="NFC EAST"> 
 
     <option>Dallas Cowboys</option> 
 
     <option>New York Giants</option> 
 
     <option>Philadelphia Eagles</option> 
 
     <option>Washington Redskins</option> 
 
    </optgroup> 
 
    
 
    </select> 
 
    </div>

来源

2016-08-06 04:35:23

库马尔是啊，你的工作可观 – overflowstack9

无关的评论：请不要建议编辑做什么都不做，除非改变链接的降价格式。你的编辑是有害的，因为他们链接到github.com/foo/bar看起来像一个链接到github.com。 –

这是更好

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<form> 
 
<fieldset> 
 
    <legend>Personalia:</legend> 
 
    Name: <input type="text"><br> 
 
    Email: <input type="text"> 
 
</fieldset> 
 
</form> 
 

 
</body> 
 
    
 
</html>

来源

2016-08-06 04:53:03

如何添加边框，这些2个组合框

回答

相关问题