javascript - 如何调整选项中特定文本的大小或应用样式

Question

我想调整选项中文本的大小，但不是所有文本。以下将是我的代码。

<select>
    <?php foreach($dataholder as $key=>$value): ?>
        <option value='<?php echo $value; ?>' ><?php echo $key; ?> <small>(Max: <?php echo $max[$value]; ?>)</small> </option>
    <?php endforeach; ?>
</select>

我想为 .

中包含的文本调整大小或应用样式

以下是我从浏览器中复制的原始 html 副本。

<select class="select form-control col-md-4" id="renewal_period_flag" name="renewal_period_flag" style="width:320px !important;height:32px;">
                                                                                 <option value="1">Weekly (Max: RM6.00)                                         </option>                                                                           <option value="2">Monthly (Max: RM6.00)                                           </option>

</select>

Answer 1

要将子文本添加到选项文本，请引用此网址:https://silviomoreto.github.io/bootstrap-select/examples/#subtext

需要使用Bootstrap。

选择邮箱代码是

<select class="selectpicker" data-size="5">
  <option data-subtext="Heinz">Ketchup</option>
</select>

输出是