Question

我正在尝试通过CSS更改图像的颜色。该图像是我的网站布局的元素。这是显示元素https://screenshots.firefox.com/xLCsVyZtSKLxFi9F/gameshunt.pl的屏幕截图，这是带有表-https://gameshunt.pl/promocje-na-gogu-2-05/

的示例帖子

其代码如下：

table.tablesorter thead tr th {
    background-image: url(/wp-content/plugins/table-sorter/images/bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
}

我尝试了background-image: #fff, background image: #fff, url (wp-content/etc)，但没有任何效果。有谁知道如何更改此元素的颜色？我不能仅上传其他文件，因为仅在黑暗模式下颜色才需要不同。

Answer 1

您可以尝试使用CSS制作箭头：

div {
  background: grey;
  padding: 5px;
}

.sort:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.sort:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: 3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.white:before {
  border-bottom: 5px solid white;
}

.white:after {
  border-top: 5px solid white;
}

<div class="sort"></div>
<div class="sort white"></div>

如何通过CSS更改背景图像的颜色？

1 个答案: