IE11：<选择>上/下按钮大小

Question

使用IE11时，有没有办法使滚动条上/下按钮更小（更短）？ 这是一个问题的原因是我们正在显示＆lt; select＆gt;控件，每个包含5行，有时在IE11中，向上和向下按钮都很高，它们填满整个空间（因此中间没有滚动条）。 所以，基本上，我希望它们具有与Chrome相同的高度。 是否有一些CSS来改变这个按钮的高度？

Answer 1

对于元素的原生应用样式通常是不好的做法（有时候无法应用样式，例如在您的示例中）。使用列表更好地模拟此下拉列表，然后为此应用CSS（考虑使用select2或chosen等插件。

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#select').select2({
    width: '150px'
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<select id="select" multiple="multiple">
  <option value="">All</option>
  <option value="a">A</option>
  <option value="b">B</option>
  <option value="c">C</option>
  <option value="d">D</option>
</select>

＆＃13;

＆＃13;

＆＃13;