直通式樣不起作用

如果滿足一定條件，我想將按鈕的文本顯示爲直通式。我在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不適用於我的代碼，但它確實在小提琴中工作。 –

直通式樣不起作用

回答

相關問題