Question

这是我的代码：

li a:before {
  transition: all 0.2s ease-in-out;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 5px 11px 0;
  border-color: transparent #d9d9d9 transparent transparent;
  position: absolute;
  left: -5px;
  top: 0;
}

<ul>
  <li>
    <a href="http://amino.dk"> </a>
  </li>
</ul>

现在我想覆盖我的hss文件中我的css a:before { border-color: transparent #d9d9d9 transparent transparent; }中定义的颜色。

我希望我的用户选择他们喜欢的颜色。

我希望在Html中覆盖border-color，并且不想从我的css中删除li a ::之前。

我认为这样的喜欢：

< a href="http://Amino.dk" style="border-color: transparent red transparent transparent;">

Answer 1

您总是可以在负责呈现该页面的HTML中的任何位置使用<style>标记。我有一个示例代码段：

<style>
  li a:before {
    border-color: #333; /* Or any other color you want in the borders */
  }
</style>

希望这会有所帮助。

Answer 2

您始终可以使用style标记中的a标记来覆盖CSS样式。

为用户提供颜色选择，通过JavaScript获取所选颜色，并将其传递给变量内的a - 标记。

这应该可以解决问题：

<a href="http://Amino.dk" style="border-color: transparent red transparent transparent">

如何覆盖我的Html文件中的属性值之前的：

2 个答案: