hover - 边框样式不适用于顺风悬停-6ren

hover - 边框样式不适用于顺风悬停

转载作者：行者123 更新时间：2023-12-04 13:27:48

24

4

我正在使用带有 Laravel v8.12 的 tailwind v2.1.0
我试图将鼠标悬停在上带有顺风类的标签，但它不起作用

<a href="/" class="text-gray-800 border-transparent border-b-2 hover:border-gray-600 hover:text-gray-800 px-3 py-2 text-sm font-medium uppercase">Home</a>

当我用 border-gray-100 或任何其他颜色替换 border-transparent 时，我可以看到悬停效果。
最初我不想要任何边框，这就是为什么提到边框透明的原因。
可能是什么问题？

最佳答案

我从 here 找到了我的答案

<li class="outline-none hover:border-gray-700 border-transparent border-2 hover:border-current" ><a href="#">Info</></li>

关于hover - 边框样式不适用于顺风悬停，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/67160319/

24

4

0

文章推荐： haskell - 为什么这个函数会导致编译时溢出？

文章推荐： python - 使用 Django 时，Pylint 不会报告错误的导入顺序

文章推荐： javascript - Chrome v90 flex 滚动错误

文章推荐： python - 如何从 Keras 模型中删除前 N 层？

touch - 顺风。单击移动设备时的蓝色矩形
请帮助。当我在移动设备上按下 Button 时，上面会出现一个蓝色矩形。我怎样才能删除它？ Link button 最佳答案 * { -webkit-tap-highlight-color: rgba
reactjs - 故事书-顺风。我应该如何将顺风添加到故事书中
我想在故事书中添加顺风。这样 Stories 就会像在 Web 上一样呈现。我用过 create-react-app project-name --template typescript创建项目。
css - 顺风 css 不透明度
在我的应用程序中，我有一个模型。我在模型上使用不透明度。我现在的问题是模型的主体不应该有不透明度我怎么能解决这个问题？仅在模型外应该有不透明度! JS Bin
javascript - 顺风 CSS 导航栏
无论如何，我无法让这个导航栏正确折叠。我需要将导航栏更改为响应模式下的 flex，但它目前无法正常工作。 HTML: Tailw
Laravel 8，顺风 CSS 初始化
我尝试安装 Tailwind CSS。我已经运行了以下命令。 npm install -D tailwindcss npx tailwindcss init 但是，我有一个错误。 Unexpected
html - 顺风 : equal height columns
我有 3 列，每列包含一个人的形象、姓名、职能和引述。我希望所有 3 列的高度都相等。到目前为止，我已经尝试设置 p class="flex-1"但什么也没做，我还将第二个内部 div 更改为 cl
reactjs - 顺风 CSS :before pseudo class
我现在一直在循环工作，试图了解正在发生的事情。我正在使用带有 Tailwind 的故事书制作设计库。我似乎无法让 :before 伪类工作。无论我将它放在样式中的哪个位置，它都不会被渲染。一个例子是
css - 顺风 : text-overflow: ellipsis?
有没有办法使用 text-overflow: ellipsis 想到Tailwind CSS Framework 我想像这样使用顺风约定: &__title { @apply text-ove
html - CSS(顺风)网格高度 100vh 不工作
目前我正在尝试创建一个填满整个屏幕的布局。以为它很简单，但发现它没有按预期工作。这是一个 fiddle https://jsfiddle.net/s5ocg3v8/36/ Header
webstorm - 顺风 + WebStorm : "unknown CSS at rule"
我正在尝试将 Tailwind 与我的 WebStorm IDE 一起使用，但是，我收到此错误: Unknown CSS at rule 每当我使用 @apply或 @tailwind 最佳答案目前
css - 顺风 : can't get the elements to fill the width
fiddle :https://play.tailwindcss.com/epT13JJxnk 看起来像这样: 我需要它看起来像这样: 如何实现？ fiddle 代码:
css - 顺风 : can't get the elements to fill the width
fiddle :https://play.tailwindcss.com/epT13JJxnk 看起来像这样: 我需要它看起来像这样: 如何实现？ fiddle 代码:
css - 顺风 CSS : display text on image hover
如何使用 Tailwind CSS 在图像悬停时显示文本:在图像悬停时显示文本？这是我的头像？我希望在用户悬停图像时显示文本“哺乳动物”？最佳答案我更喜欢使用相对位置和绝对位置，因为它给了我更
html - 顺风 Flex : Overflow when a long line of text is shown
这是我从 tailwind 中的 Flex 类中得到的一个非常奇怪的行为。我想你可以以某种方式将它转换为 CSS，但我想留在顺风解决方案中。让我解释一下: 如果您运行以下代码片段，您将看到在第一种情况
css - 顺风 CSS : how to apply background image with linear gradient?
我想对我的背景图像应用线性渐变。在顺风配置文件中，我写了一个这样的自定义规则: theme: { extend: { backgroundImage: (theme) => ({
tailwind-css - 顺风 CSS : Is there a way to target next sibling?
我有一个带有如下标签的 radio 输入。输入被隐藏，标签用于制作一个视觉上吸引人的圆圈，用户可以点击它。 Yes 当用户点击标签输入时被检查。我想弄清楚如何定位，所以我可以给标签一个不同的风格。
javascript - 顺风 CSS : Referencing to custom color in tailwind. config.js
为了简化我的主题，我想引用我定义的自定义颜色，然后将它传递给一个函数以获得更亮或更暗的变体。我使用以下(部分)代码扩展默认颜色主题: module.exports = { theme: {
javascript - 顺风 CSS : Cannot convert undefined or null to object & getProcessedPlugins is not a function
我正在使用带有 Tailwind CSS 的 Vue 3 开发 Web 应用程序。我的构建失败并发现了这 2 个错误。我寻找答案并找到了 https://github.com/tailwindlab
tailwind-css - 顺风 CSS : Referencing Theme Colors When Creating Custom Class
我正在尝试修改 tailwind.config.js文件来创建一些自定义类。例如，我想创建一个调色板 - 并通过引用主题中的其他颜色来实现。为此，我对 tailwind.config.js 进行了以

首页

博学

6Ren·AI

商城

hover - 边框样式不适用于顺风悬停