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('');        },