css 为什么超链接文本颜色不变？

ercv8c1e 于 2022-12-24 发布在其他

关注(0)|答案(2)|浏览(423)

经过多次尝试，我仍然没有改变文字颜色。我已经把在让他们排队，我不知道这是否会造成问题，虽然。这里是我的CSS代码为我的链接。

a {
  color: #fff;
  text-decoration: none;
  background-image: linear-gradient(
    to right,
    #54b3d6,
    #54b3d6 50%,
    #000 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease-in-out;
}

a:before {
  content: '';
  background: #54b3d6;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

a:hover {
 background-position: 0;
}

a:hover::before {
  width:100%;
}

<a href="#">Hello World</a>

我已经尝试了我能做的一切，我尝试改变文本颜色和导航文本颜色。通常a {}应该工作，但这一次没有

css

来源：https://stackoverflow.com/questions/74904073/why-doesnt-my-hyperlinks-text-color-change

2条答案

按热度按时间

d7v8vwbk1#

当你使用-webkit-text-fill-color css属性时，它指定了文本的颜色，而不管你在color属性中设置了什么值，所以你需要在那里设置你想要的颜色，或者只是删除那个属性，使用color属性的值。
设置如下：

a {
  color: #fff;
  /* other properties*/
  -webkit-text-fill-color: red;
}

或者这个：

a {
    color: red;
    /* other properties*/
}

演示：
一个二个一个一个

赞(0）回复(0）举报 2022-12-24

zzwlnbp82#

背景图像设置为黑色，这是控制它是什么颜色。改变它为白色，它会变成白色。

background-image: linear-gradient(
    to right,
    #54b3d6,
    #54b3d6 50%,
    #000 50%
  );

x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2022-12-24

我来回答

css 为什么超链接文本颜色不变？

2条答案

相关问题

热门标签

最新问答