Question

这里的例子

<?= $form->field($model, 'volume')->dropDownList(['m3'=>'m3','bbls'=>'bbls','gallons'=>'gallons','litres'=>'litres' ],array('prompt'=>'--Select Volume Unit --')) ?>

需要3个上标，如M ³ IN选项文本

我试过，但它在正常下拉列表和YII2下拉列表中不起作用

提前致谢

Answer 1

选择元素由操作系统呈现，而不是HTML。它无法使用aditional HTML标记进行修改。

但是在这种情况下，您可以使用HTML实体来使用与字体相关的超级/子脚本：

 <select>
  <option value="m3">m&#179;</option>
  <option value="m4">m&#8308;</option>
</select>

Live demo

HTML：＆lt; sup＆gt; 3＆lt; / sup＆gt;
  HTML实体：＆amp;＃179;
  JavaScript： \ u00B3
  JavaScript： \ xB3

Unicode Character 'SUPERSCRIPT THREE' (U+00B3)

如何在YII2下拉列表中添加上标值

1 个答案: