如何爲沒有背景顏色的表格行着色？

-1

是否有任何其他的CSS屬性可用作替代'背景色'來設置<的顏色？如何爲沒有背景顏色的表格行着色？

我正在使用通過JavaScript設置表格元素顏色的第三方工具。我似乎無法使用CSS覆蓋它，即使有！重要的。 JavaScript代碼對我來說也是無法使用的。

所以我想通過替代方法設置背景色可能會起作用。但是，我沒有知道這種行爲就像背景顏色一樣。

任何幫助將是偉大的。

PS：我更喜歡基於CSS的解決方案，而不是任何形式的腳本。

來源

2016-11-02 Varun Nair

安置自己的HTML和CSS – Ponnarasu

使用背景爲設置背景並向我們展示您已完成的操作 –

該代碼不會有太大的幫助。該問題不屬於該屬性，背景顏色將在上設置。但是第三方工具在表格上有一個懸停效果，當鼠標懸停在它上面時它會重置顏色。無論如何都不能用css來覆蓋這個屬性。 –

或許這對你的作品：

tr { 
 
    background-color: red !important; // we want this to override 
 
} 
 
tr { 
 
    background-image: linear-gradient(to bottom, blue, blue) !important; 
 
} 
 
tr:hover { 
 
    background-image: linear-gradient(to bottom, green, green) !important; 
 
}

<table> 
 
    <tr style="background-color: red !important;"> 
 
    <td>Table Content</td> 
 
    </tr> 
 
</table>

來源

2016-11-02 07:58:13

背景顏色將使用漸變設置。但是當它被徘徊時，顏色會變成它的原色。這就是問題。 –

我已經更新了我的答案。當這不起作用時，那麼知道懸停狀態將改變背景顏色的方式會很有幫助。 –

嗨@AndyTschiersch，在我發佈這個問題之前，我已經嘗試過在懸停狀態下設置更改。它沒有工作。這就像在桌子上實現的懸停不可改變的背景屬性。我希望我能訪問改變懸停效果的javascript，但我沒有它，給你更多的信息。 –

使用一個非常大的插圖box-shadow

td { 
 
    overflow: hidden; 
 
    /* required */ 
 
} 
 
td:hover { 
 
    box-shadow: 0 0 200px green inset; 
 
}

<table> 
 
    <tr style="background-color: orange !important;"> 
 
    <td>Table Content</td> 
 
    <td>Table Content</td> 
 
    <td>Table Content</td> 
 
    </tr> 
 
    <tr style="background-color: pink !important;"> 
 
    <td>Table Content</td> 
 
    <td>Table Content</td> 
 
    <td>Table Content</td> 
 
    </tr> 
 
</table>

來源

2016-11-02 10:29:49

如何爲沒有背景顏色的表格行着色？

回答

相關問題