在select option html中添加小文本

Question

我有选择选项。我想在选项中添加一个小文本。像我的第二个选项一样

<option>Gen Z (2000 &amp; later)</option>

在这个选项中我想要（2000及以后）比Gen Z更小的字体。我尝试了 或自定义字体大小css。但没有任何作用。 如果我使用option{font-size:8px}。这有效，但它减少了选项中所有文本的大小。

请告诉我是否有办法做到这一点。

谢谢

<select class="form-control">
<option>No Preference</option>
<option>Gen Z (2000 &amp; later)</option>
<option>Millennial <small>(1980-1999)</small></option>
<option>Gen X <small>(1965-1979)</small></option>
<option>Boomer <small>(1946-1964)</small></option>
<option>Silent Gen <small>(1945 &amp; earlier)</small></option>
</select>