点击链接后,我的悬停已停用

时间:2016-10-23 18:03:54

标签: html css html5

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

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

谢谢!

2 个答案:

答案 0 :(得分:1)

你在哪个浏览器中测试过这个?
如果是谷歌浏览器并且您使用开发工具,则可能处于响应设备模式,其中谷歌浏览器的行为有时很奇怪。 这看起来像是: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>

答案 1 :(得分:0)

在你的代码中你改变了颜色属性而不是背景颜色,所以plain 21的代码应该可以工作..你的代码应该像...... 。 a:悬停{text-decoration:无; 。 background-color:#45423D; }

希望你明白