html5中选择选项元素文本的字体大小

如何解决html5中选择选项元素文本的字体大小

请协助增加html中select元素中选项的文本字体大小。 我想增加选择选项“不满意，满意和非常满意”的大小，因为它在Android浏览器中看起来很小。

<form action="" method="GET">
    <select name="selection" style="height:80px; width:300px; vertical-align: middle;">
        <option value="not satisfied">Not Satisfied</option>
        <option value="satisfied">Satisfied</option>
        <option value="very satified">Very Satisfied</option>
    </select>
</form>

解决方法

默认情况下，可以通过在select中添加字体大小来增加所选选项的字体大小。为了增加选择选项的字体大小，请将选项保留在optgroup中，并在CSS中创建一个名为optgroup的类并固定字体大小。

optgroup { font-size:40px; }

<form action="" method="GET">
    <select name="selection" style="height:80px; width:300px; vertical-align: middle;font-size: 40px;">
      <optgroup>
        <option value="not satisfied">Not Satisfied</option>
        <option value="satisfied">Satisfied</option>
        <option value="very satified">Very Satisfied</option>
       </optgroup>
    </select>
</form>

,

您可以简单地添加css font-size属性来选择元素，这会增加文本的大小。

<form action="" method="GET">
    <select name="selection" style="height:80px; width:300px; vertical-align: middle;font-size:40px;">
        <option value="not satisfied">Not Satisfied</option>
        <option value="satisfied">Satisfied</option>
        <option value="very satified">Very Satisfied</option>
    </select>
</form>