文字修饰无法在Google Chrome下拉(选择)选项中使用

时间:2017-12-06 12:29:48

标签: javascript html css asp.net

我有下拉列表,我想查看具体选项。 我正在使用下面的示例代码,红色工作正常,但直通在IE中工作,但不在chrome中工作

<select>
<option>option 1</option>
<option style="text-decoration:line-through; color:red;">option 2</option>
<option>option 3</option>
</select>

我想在没有任何jquery或任何其他库的情况下应用它,只需直接通过JavaScript&amp; CSS

1 个答案:

答案 0 :(得分:0)

这样做的原始但有效的方法是使用像这样的http://adamvarga.com/strike/这样的Unicode文本生成器。最终会像这样工作:

&#13;
&#13;
    <select>
        <option>option 1</option>
        <option>s̶t̶r̶o̶k̶e̶n̶</option>
        <option>option 3</option>
    </select>
&#13;
&#13;
&#13; 我猜测它是我之前的人写的

中的一个错误