直通样式不起作用答案

【问题标题】：line-through style not working直通样式不起作用
【发布时间】：2017-12-30 20:16:16
【问题描述】：

如果满足特定条件，我想将按钮的文本显示为直通。我在 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 检查查看元素时，我可以看到按钮类已正确设置为“已完成”

【问题讨论】：

似乎人们是为了赚取积分而不是真正关注您的问题，这很遗憾。我为您的问题制作了一个 jsfiddle，结果证明，我没有更改您的代码中的任何内容，而且效果很好！见这里：jsfiddle.net/fuwL7Loj/1
@Alburkerk 结果你的答案是什么。你解决了什么问题？
查看新编辑的代码。
fiddle 你的代码运行良好
好吧，他只是在禁用时才要求一个带有直通的按钮，对吗？这就是我的小提琴所做的：/杜尔加也是

标签： css angularjs

【解决方案1】：

请添加新的 CSS 类。

button {
    text-decoration: line-through;
}

或者

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

希望这会有所帮助。

【讨论】：

我实际上不想为元素本身设置样式。我只是想为课程设置一种特定的风格。
然后请添加新的类，如 class="row div-custom" 并添加这个 text-decoration: line-through;新添加的类的属性。
这不是我的代码已经在做的吗？奇怪的是 id 在我的代码上不起作用，但它确实在小提琴中起作用。
如果您能说明上述代码中的错误之处，那就太好了。所以我们会提高代码的质量。
我并不是说您的代码或您的建议有任何问题。但这并不能解决我的应用程序中的问题。当上面的小提琴示例独立工作时，我不知道为什么它在我的代码中不起作用。我实际上不确定我是否能解决我的问题，但我会继续努力。

【解决方案2】：

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

【讨论】：

这不是他要求的