HTML 多选中的选项突出显示

Question

我正在使用具有固定宽度的 HTML 多选，但是当我选择任何具有较长文本的值时，选择不会正确发生，并且文本在滚动后不可见，甚至没有突出显示。

我附上了 JS Fiddle 链接以便于复制问题。

<table>
  <td>
    <select multiple="true" name="available" size="15" style="width:250px; overflow-x: auto">
      <option value="1">Test 1</option>
      <option value="2">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</option>
    </select>
  </td>
</table>

https://jsfiddle.net/gn4kds0j/

Answer 1

尝试使用伪选择器改变样式：

选项：选中 { 宽度：适合内容 }