css - 使表头链接在两端改变颜色和背景图像曲线

Question

a:active,a:link,a:visited{color:#06c}控制所有的标题链接颜色。如何在不删除或更改整体颜色的情况下克服它？

我已经设置了table thead th a {color: #ffffff;}。

table thead 实际上具有左右半径的背景图像。如何让它显示出来？

jsfiddle

Answer 1

您需要将边框半径应用于包含表格的 div 并剪辑溢出...边框半径不适用于 tr、td、thead、table 等。

此处为示例 JSfiddle

Answer 2

您可以添加它以覆盖您的主题中的链接颜色：

thead a:active, thead a:link, thead a:visited, a:hover {color: white;}

为了使圆角可见，您应该将样式应用于表格，而不是 thead ：

table {
    width:100%; height:29px; background:url('http://cdn2.f-cdn.com/img/bg/mod_top_blue1.png');
    -moz-border-radius-topright:10px;
    -moz-border-radius-topleft:10px; 
    -webkit-border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    background-color: #FFFFFF;
}