選擇bootstrap3 input-group-addon height

我是html，javascript，bootstrap，selectize新手。圖形高度不正確。我錯在哪裏，請幫忙。選擇bootstrap3 input-group-addon height

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>My Shop!</title> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/css/selectize.bootstrap3.css" rel="stylesheet" type="text/css"> 
 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.js"></script> 
 
</head> 
 
<body> 
 
    <div class="input-group"> 
 
    <span class="input-group-addon"> 
 
    <i class="glyphicon glyphicon-plus"></i> 
 
    </span> 
 
    <select class="form-control" id="txnParty"> 
 
    <option>one</option> 
 
    <option>two</option> 
 
    </select> 
 
    </div> 
 
    <script> 
 
    $('select').selectize(); 
 
    </script> 
 
</body> 
 
</html>

來源

2016-12-03 Ram Ashish Pal

試試這個方法：

$('#select').selectize({ 
    inputClass: 'form-control selectize-input', 
    dropdownParent: "body" 
});

見：https://github.com/selectize/selectize.js/issues/600

來源

2017-12-13 15:20:43 Massimo

選擇bootstrap3 input-group-addon height

回答

相關問題