Javascript选项罢工[重复]

【问题标题】：Javascript options strikethru [duplicate]Javascript选项罢工[重复]
【发布时间】：2012-10-04 18:58:19
【问题描述】：

可能重复：
Is it possible to nest any DOM elements inside of an option element?

我正在动态创建选项文本。是否有可能将它们呈现为罢工的语法？如果我尝试"<strike>"+tokens[0]+"</strike>",，我会得到未转义的文字，这不是我想要的。更普遍的问题是javascript选项可以渲染html

【问题讨论】：

option 不能包含任何其他 HTML 元素，并且 input 样式通常交给操作系统，因此任何 CSS 样式都很难（如果可能的话）而且很少见跨浏览器兼容。

【解决方案1】：

您可以为此使用 CSS，尽管删除线仅显示在下拉列表中，而不显示在所选选项上。

更新：您可以将 'strike' 类应用于 SELECT 元素本身，以使所选项目具有直通。（当所选选项具有“罢工”类时，也许一些 JavaScript 可以切换此类？）

要在小提琴中进行测试，请更改：

option.strike { text-decoration: line-through; }

到

select,
option.strike { text-decoration: line-through; }

注意：这可能不适用于所有浏览器

【讨论】：