CSS / HTML选择-选项

Question

我有一个选择，其中包含以HTML创建的3个选项。当我使用开发人员工具并将缩放比例更改为125％时，我的选项宽度将大于选择宽度。虽然现在比较短。.

代码很简单

<select>
  <option></option>
  <option></option>
  <option></option>
</select>

目前没有CSS类。这部分代码位于React bootstrap Modal内部。但是它不使用任何引导选项。它只在里面。

这是大型应用程序的一部分。但是应用程序中没有任何东西可以影响它。唯一要做的事情是在一开始就重置CSS，但是如果没有它仍然无法正常工作。

元标记为<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />.

所有内容都在谷歌浏览器中打开

Answer 1

使用style: max-width:90%;

在<select>标记中，这样您的所有选项都将看起来相等