css - 单击链接后我的悬停已停用

标签 css html

伙计们,我有一个问题,当我点击我网站上的一个按钮时,它会像我想要的那样工作。但是,当我第一次点击主页按钮时,背景颜色确实发生了变化,但是当我再次点击时,背景颜色停止了变化...... 所以我在我的 CSS 末尾做了这段代码,但仍然无法正常工作。代码有问题吗?

a:hover{ text-decoration: none; color:#45423D;}

谢谢!

最佳答案

您是在哪个浏览器中测试的?
如果它是谷歌浏览器并且您使用开发工具,您可能处于响应设备模式,谷歌浏览器有时会表现得很奇怪。 这看起来像:Responsive Mode

如果是这样,请键入 CTRL + SHIFT + M。这应该有助于谷歌浏览器。

这是我测试过并且有效的代码:

<html>
    <head>
        <title>test</title>
        <style>
            a:hover { color:#45423D; background-color: red; }
       </style>
    </head>
    <body>
        <button><a>test</a></button>
    </body>
</html>

关于css - 单击链接后我的悬停已停用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40206163/

相关文章:

css - 下划线字体大小混合

css - 将 GET 参数传递给 .htaccess

html - 无法弄清楚如何设置文本样式

html - 更改子项的背景颜色会删除父项上的框阴影

CSS >(选择器)不工作

javascript - 仅实现键盘:focus styling in 2021?的最佳方法是什么

css - css 变量中的计算不起作用

javascript - 使用 vanilla JS 从数据对象填充 html

javascript - 带单选按钮和 JQuery 的条件

javascript - JSON 数组转换为 HTML 选择选项