css - 线程风格不起作用

Question

如果满足特定条件，我想将按钮的文本显示为直通式。我在 html 中有以下代码:

<div class="col col-80" >
    <button  ng-class="{'fulfilled': item.itemStatus!='OPEN'}" class="row" ng-disabled="item.itemStatus!='OPEN'">{{item.displaydetail}} {{item.itemStatus}}</button> 
</div>

我还在我的 css 中定义了该类，如下所示:

.fulfilled {
text-decoration: line-through;
}

但是，当我运行该应用程序时，该按钮被禁用，但按钮文本不显示直通线。这里可能有什么问题？

PS。当我使用 Chrome 检查查看元素时，我可以看到按钮类已正确设置为“fulfilled”

Answer 1

请添加新的 css 类。

button {
    text-decoration: line-through;
}

或者

button.row {
    text-decoration: line-through;
}

希望这有帮助。