JavaScript：从图标-材质设计中错误渲染图标

Question

我正在尝试覆盖某些选项字段的值，因此要渲染星号而不是渲染数字。我正在使用原始的JavaScript和Material-icons（仅图标）

script.js

var select_field = document.getElementsByClassName('select_input')

for (const iterator of select_field) {
    var options_list = iterator.options;

    options_list[1].innerHTML = "<span class='material-icons'>star</span>"
...
}

这是我检查代码时的代码：

<option value="1"> <span class='material-icons'>star</span> </option>

但是输出是：

star

有什么办法解决这个问题吗？预先谢谢