HTML 选择框 - 如何强制禁用的选择保持其最宽的子宽度？

Question

我在对齐包含可通过下拉选择框分配的“Angular 色”行的表单时遇到问题。问题在于某些 Angular 色是“只读”的，因此它们在表单中被禁用(下图中的前两行被禁用):

我发现问题在于禁用的行不会呈现其他可用选项。我想知道是否有某种方法可以强制选择框保持其子项的宽度，即使它被禁用，还是我必须做一些 hack 以确保启用和禁用的选择框的宽度一致？

提前感谢您提供的任何建议!

Answer 1

我只想为选择分配一个固定宽度:

<select name="my_select_1" style="width:150px;">
   <option value="aaa">aaa</option>
   <option value="bbb">bbb</option>
   <option value="ccc">ccc</option>
</select>