如何填充選擇BootStrap

Question

我做填充，但他沒有出現。 如何在select中添加填充？

 select.custom{ padding: 30px!important; -moz-appearance: none; -webkit-appearance:none; } select.custom option{ padding: 30px!important; -moz-appearance: none; -webkit-appearance:none; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="col-md-12"> <select class="form-control custom"> <option>AAAAAAAAAAAAAA</option> </select> </div> 

Answer 1

您可以使用引導程序選擇器自定義選擇

 .btn { padding: 20px!important; } .dropdown-menu>li>a { padding: 20px!important; } 

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js"></script> <div class="col-md-12"> <form> <div class="form-group"> <label for="sel1">Select list (select one):</label> <select class="selectpicker" data-style="btn-primary" multiple data-max-options="2"> <option>AAAAAAAAAAAAAA</option> </select> </div> </form> </div>