javascript - 将边框半径包含在 javascript 中时不起作用

Question

我想在我的元素中创建多个选择框。多个选择框工作但我的设计不工作我的意思是我的 css 半径边框不工作。在下面我给你代码:

$(document).ready(function(){
  $('#institute').multiselect({
      nonSelectedText: 'Select Institute',
      enableFiltering: true,
      enableCaseInsensitiveFiltering: true,
      borderRadius: '8.4rem',
      buttonWidth:'500px',
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />

<div class="form-group">
    <label for="institute">Select:</label>
    <select id="institute" multiple class="form-control">
        <option>Select Trainning Institute</option>
        <option value="pt">Pt</option>
        <option value="A">A</option>
        <option value="it">IT</option>
    </select>
</div>

Answer 1

bootstrap-multiselect 没有borderRadius 选项。试试下面的代码。

$('#institute').css({
    borderRadius: '8.4rem'
});