使用android Chrome，html选项列表忽略我的字体大小请求

在安卓平板电脑上，我使用Chrome显示一个自定义网页。在它里面我有一些下拉控件（HTML5选择）。有了这些控件，我试图通过减小它们的显示大小来显示更多的HTML选项元素。我的努力没有成功。在我的7英寸平板电脑上，显示选项时，屏幕上总是只有大约12个元素（以纵向模式显示）

例如，使用以下CSS：

#distDV {
    font-size: 8pt;
    border-color: #999999;
}

#distDV option {
    font-size: 8pt;
    border-color: #999999;
}

使用此HTML：

<select id="distDV">
      <option value="30">+30</option>
      <option value="29">+29</option>
</select>

+30
+29

在台式计算机上（使用Chrome v.25或更高版本），选择下拉列表以较小的请求字体显示。当我单击控件以显示值时，选项也以小字体显示

在我的android平板电脑（使用Chrome v.25或更高版本）上，选择下拉列表以较小的请求字体显示。当我点击控件选择一个值时，android设备会以标准选项全屏显示选项，在我的7英寸显示屏上从上到下大约12行。我想用16行代码，通过CSS来实现

我在找主意。是的，我已经试过使用optgroup，但没有效果

提前感谢,，

---

Jerome。

您发现无法更改选项选择对话框的字体大小。这是出于非常好的可用性原因。是否有理由要求同时显示更多选项？为什么对话框的滚动不足以满足您的需要？还请记住，如果您将选项设置得太小，可能会让用户感到沮丧。您可能能够准确地选择一个选项，但其他人可能无法

所有这些都表明，您可以通过编写自己的对话框来绕过这些限制，也许可以使用单选按钮。例如：

<input type="radio" id="distDV30" name="distDV" value="30"><label for="distDV30">+30</label>
<input type="radio" id="distDV29" name="distDV" value="29"><label for="distDV29">+29</label>

+30
+29

然后你可以随心所欲地设计它。另一个选择是使用输入框，如果所有选项都是数字，则输入框可能更合适。E、 g:

<input type="number" name="distDV" min="1" max="30">

---

您发现无法更改选项选择对话框的字体大小。这是出于非常好的可用性原因。是否有理由要求同时显示更多选项？为什么对话框的滚动不足以满足您的需要？还请记住，如果您将选项设置得太小，可能会让用户感到沮丧。您可能能够准确地选择一个选项，但其他人可能无法

所有这些都表明，您可以通过编写自己的对话框来绕过这些限制，也许可以使用单选按钮。例如：

<input type="radio" id="distDV30" name="distDV" value="30"><label for="distDV30">+30</label>
<input type="radio" id="distDV29" name="distDV" value="29"><label for="distDV29">+29</label>

+30
+29

然后你可以随心所欲地设计它。另一个选择是使用输入框，如果所有选项都是数字，则输入框可能更合适。E、 g:

<input type="number" name="distDV" min="1" max="30">

我没有减少字体大小的充分理由，但我项目中的另一个人要求在页面上显示更多行。正如您所说，我可以使用brand X下拉列表或使用滑块（需要额外的控件来显示当前的滑块值）纳夫说：“谢谢你的回答。我没有减少字体大小的好理由，但我项目中的另一个人要求在页面上显示更多的行。”。正如您所说，我可以使用brand X下拉列表或使用滑块（需要额外的控件来显示当前的滑块值）努夫说，谢谢你的回答。