HTML表格边框：用户代理样式表覆盖CSS？

我有一个HTML表格，需要更改其边框颜色。我想不出来

HTML

我甚至尝试用内联样式更改边框颜色。还是不走运！它在Chrome或Safari中不起作用。边框仅仅是灰色的，其颜色来自用户代理样式表。我是不是找错目标了？我以10种不同的方式瞄准它。CSS类应该足够了。我可以很好地更改边框样式或边框宽度，但我不能更改颜色。但至多，以表行为目标也应该足够了

---

无法了解出了什么问题。

您尚未定义其余的边框属性。您可以使用：

table {
  border: 1px solid red;
}

（这是

边框宽度

，

边框样式

和

边框颜色

）

而不是

table {
  border-color: red;
}

还有一个关于您当前CSS的注意事项，您已经将

.zebra stripe

作为类添加到

tr

中，但是CSS声明

.zebra stripe table

和

.zebra stripe tr

这意味着它的目标是

table

或

tr

在父类

中

更新
要解释一下，有两个问题，一个是你忘记关闭这个

tr {
  border-color: red;
}

td {
  border-color: red;
  <------ //no '}' tag

哇，我犯了很多粗心的错误。他非常慌乱，在黑暗中四处摸索，看看是否有什么东西能起作用

HTML

更改了一些颜色和标签。但这正是我需要的

再次感谢
 啊，解决我问题的人！非常感谢jmore009，只是不了解如何使用具有多个值的属性，但使用具有单个值的多个属性却不了解如何工作。@bosco_sket没问题。很乐意帮忙。你能把这个问题标记为已解决吗？@bosco_sket是的，你有一些CSS错误，我会在我的文章底部指出它们post@bosco_sket添加了您所遇到的错误，但我将采用单行方法，任何时候您都可以编写更少的代码
table {
  border-color: red;
}

tr {
  border-color: red;
}

td {
  border-color: red;
  <------ //no '}' tag

.zebra-stripe
  border-color: red;
  background: #002D38;
  border: solid; <------ this should be 'border-style', 'border' is overwriting the others
  border-width: 1px;

                <table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Conditions</th>
                        <th>Characteristics</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="row-edge">
                        <td class="first-field">Element</td>
                        <td>version}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="first-field">ApplicationTransactionID</td>
                        <td>string, up to 64 chars, Optional</td>
                        <td>A number assigned by the calling application to uniquely identify this request.</td>
                    </tr>
                </tbody>
            </table>

.row-edge {
    border-top: 1px solid #0A454F;
    border-bottom: 1px solid #0A454F;
}