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检查查看Element时，我可以看到按钮类已正确设置为＆＃39;已完成＆＃39;

Answer 1

如果button已禁用，则会应用

button:disabled {
text-decoration: line-through;
}

<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>

Answer 2

请添加新的css课程。

button {
    text-decoration: line-through;
}

或

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

希望这有帮助。

直通式不起作用

2 个答案: