更改表格背景颜色的问题答案

【问题标题】：issues in changing table background-color更改表格背景颜色的问题
【发布时间】：2012-09-25 14:13:28
【问题描述】：

当我在我的 css 中使用背景颜色来更改表格背景颜色而不是更改背景颜色时，它正在更改文本的颜色

这是我用来设置表格样式的 CSS 代码

.table_styling1 {
 table-layout:fixed;
 width:100%;  
 height:25px; 
 border:1px solid #ccc; 
 background-color:#8B7D7B;
 border-radius:4px;}

.table_styling1 th {
 padding:4px 6px 6px; 
 background:#444; 
 color:#fff; 
 text-align:center; 
 color:#ccc;}

.table_styling1 td {
 padding:2px 4px 4px; 
 background:#fff; 
 border-bottom:1px solid #ccc;}

 .table_styling1 tr { 
 background-color:#FF83FA;}     

 .table_styling1 tr:hover {
 color:#4876FF;}

我应该在我的代码中更改什么以便我可以将背景颜色应用到我的表格我什至尝试使用背景..它也没有工作

【问题讨论】：

您是第一个让background-color 更改前景色（即文本颜色）的人。如果这是真的，那就是一个错误……
@feeela 那么我应该怎么做才能改变我的背景颜色，我尝试了所有可能的方法，但找不到解决方案。 :(
我看不到您的问题。在这里为所有其他用户设置一个测试用例，并提出一个明确的问题，指出您的哪些样式定义“不起作用”。

标签： css

【解决方案1】：

.table_styling1 {       
   width:50%;
   border: 2px solid black;
   border-collapse:collapse;}

.table_styling1 th{
   padding:4px;
   background:#444;
   color:#fff;}

.table_styling1 td {
   padding:2px 4px 4px;   
   border-bottom:1px solid #ccc;}

.table_styling1 tr:hover {
   background:#4876FF;
   color:#1E1E1E;}                         

.table_styling1 table,th,td {
   border: 1px solid black;}

我阅读了所有的 css 属性并找到了答案，抱歉问错了问题

【讨论】：