如何更改select2框的高度

<select id="example">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

$(document).ready(function() {
  $('#example').select2();
});

/* 更改 Select2 框的高度 */
.select2-container .select2-selection--single {
  height: 40px; /* 设置你想要的高度 */
}

/* 可选：调整字体大小和行高以适应新的高度 */
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  font-size: 16px;
}