css - 减小多选框的大小

Question

我在 JSP(Spring MVC) 中使用多选框。我在多选中有三个选项。尺寸没有使用 CSS。但我得到的多选尺寸过大。我只需要其中没有多余空格的确切大小。

请引用下面的代码:

<select id="test" name="test" multiple="multiple">
   <option value="test1">test1</option>
   <option value="test2">test2</option>
   <option value="test3">test3</option>
</select>

输出在 test3 下包含一些不需要的空间。有没有办法消除多余的空间？

注意:没有 CSS 与 id 一起使用。

Answer 1

为什么不直接通过 CSS 设置 select 的高度？

select {
  height: 45px;
 }

<select id="test" name="test" multiple="multiple">
   <option value="test1">test1</option>
   <option value="test2">test2</option>
   <option value="test3">test3</option>
</select>