当前位置: 首页 > 知识库问答 >
问题:

如何在默认、活动和悬停状态下全局更改Tailwindcss的链接颜色?

陆展
2023-03-14

默认情况下,链接颜色为蓝色。我如何在Tailwindcss中全局覆盖它,从而不必在整个应用程序的每个链接上设置文本颜色xxx

共有1个答案

屠昌胤
2023-03-14

您需要在全局css文件上定义基本样式。

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  a {
    @apply text-blue-900;
  }
}
 类似资料:
  • 所以我从昨天开始就一直在使用Javascript(Vue)和html(所以请原谅我的困惑),我不知道如何在更改链接的同时更改“home”链接描述旁边的图像的颜色。 我试过使用CSS类,它工作,但只改变图像颜色时,你实际上悬停在图像上,而不是整个链接线。除了CSS之外,我也尝试过通过“onmouseover”将图像改变为彩色版本,但不知怎么的,这将图标立即改变为彩色版本(?)。我猜问题是我通过一个:

  • 我正在使用引导4,我有一个导航栏,上面有一些使用导航链接类的链接,还有一个使用导航链接的侧边栏导航。我需要改变一个链接的悬停颜色。最好的方法是什么?

  • 问题内容: 我需要更改悬停按钮的颜色。 这是我的解决方案,但是不起作用。 问题答案: 表示“正在悬停的链接是该类链接的子链接”。 代替。

  • 我试图改变颜色和背景颜色的活动链接在一个引导的下拉框。 我已经覆盖了bootstrap的@dropdownLinkColorActive和@dropdownLinkBackgroundActive变量,但这没有效果。 “.navbar inverse.nav.active”的css 为什么. navbar-inverse类重写. dropdown菜单类?

  • 问题内容: 我有一个链接图像。当用户将鼠标悬停在链接上时,我想显示不同的图像。 目前,我正在使用以下代码: 但是我遇到了很多问题:div没有选择CSS规则(当我在Firebug中查看元素时,该元素只是没有显示相关的CSS规则)。 也许这是因为(据我所知)这是无效的HTML:您不能在周围加上。但是,如果切换到该位置,似乎会遇到更大的问题,因为您不能可靠地在span上设置高度和宽度。 帮帮我!我该如何

  • 我修改了我的要添加新的自定义颜色: 现在我希望我的按钮在悬停时改变颜色。 但它不起作用。 有趣的是,如果我写的它的工作原理。唯一不起作用的地方是悬停。