直通式样不起作用

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

来源

2017-07-25 leo c

似乎人们都在努力赚取积分，而不是真正关注你的问题，这太遗憾了。我为你的问题做了一个jsfiddle，事实证明，我没有改变你的代码中的任何东西，它是讽刺！看到这里：http://jsfiddle.net/fuwL7Loj/1/ – Alburkerk

@Alburkerk导致你的答案是什么都没有。你解决了什么问题？ – Ehsan

查看新的编辑后的代码。 – Hash

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

来源

2017-07-25 04:59:25 Hash

这不是他要求编辑的 – Alburkerk

。看到新的代码 – Hash

请添加新的CSS类。

button { 
    text-decoration: line-through; 
}

或者

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

希望这有助于。

来源

2017-07-25 05:00:23

我实际上不想对元素本身进行样式设计。我只想为班上有一个特定的风格。 –

然后请添加如class =“row div-custom”的新类并添加此文本修饰：line-through;属性添加到新添加的类中。 –

是不是我的代码已经在做什么？这只是奇怪的ID不适用于我的代码，但它确实在小提琴中工作。 –

直通式样不起作用

回答

相关问题