css 中的文本装饰无法正常工作

Question

我正在使用此代码在 javascript 中实现文本差异。该代码工作正常。

然后我尝试添加 text-decoration 以便在句子的不正确部分上划一条线，如下所示：

问题在于 text-decoration: line-through;CSS 在这里不起作用。

这是我尝试添加文本装饰的 CSS：

注意：我可以在这里更改文本和背景颜色，但文本装饰不起作用！

del : 不正确和红色的部分

ins : 正确和绿色的部分

del {

    text-decoration: line-through !important; 

    color: #b30000;

    background: #fadad7;

}

ins {

    background: #eaf2c2;

    color: #406619;

    text-decoration: none;

}

Js 是一个库，如果您想查看它，请随时询问它。但这里是唯一包含ins和del 的部分：

  convertChangesToXML: function (changes) {

            var ret = [];

            for (var i = 0; i < changes.length; i++) {

                var change = changes[i];

                if (change.added) {

                    ret.push("<ins class='diff'>");

                } else if (change.removed) {

                    ret.push("<del class='diff'>");

                }

                ret.push(escapeHTML(change.value));

                if (change.added) {

                    ret.push('</ins>');

                } else if (change.removed) {

                    ret.push('</del>');

                }

            }

            return ret.join('');

        },