css - 覆盖默认的 css 使条形成为正方形

Question

在此table我希望颜色条是方形的而不是圆形的。

使用 Chrome > Inspect Element 我看到如果我改变这个:

border-radius: 0px;
padding-right: 4px;

我可以删除其中一个条形的圆 Angular 。

1) 如何确定所有条形的更改内容？

我正在使用 Hugo 并将 css 覆盖放入布局 > partials > head_custom.html

谢谢

Answer 1

由于您的 span 具有内联样式，您需要更改每个 span 的样式(因为普通的 CSS 规则不会覆盖内联样式)，或者您需要使用可怕的 !important规则:

td > span {
    border-radius: 0 !important;
}