使用按钮代替<a>与伪类 - 是不是错了？

Question

在页面上有与CSS一起显示的链接作为按钮:

HTML:
    <a class="button" href="#">Button</a>
CSS:
    a.button {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background-color: $00f;
    }
    a.button:hover {
        background-color: $f00;
    }

我有一些主要关注:href值进行加密,从而会出现混乱和丑陋时,地址显示在浏览器中,当用户将鼠标悬停在链接:

http://mysite.com/shjfgkh53hhsfd9ah390503hh35323j5hj35909ufudufdjj3   

此外,href值将变得更长,因为我无法传输POST参数(所有内容都由GET完成).

但是,我可以使用这个:

HTML:
    <input type="button" class="button" href="#" />

然后在CSS中设置bg.我只是不确定是否使用伪类如:hover是正确的并且符合标准.我个人认为:hover,:active,:visited等用于链接(即标签).

澄清这将真的帮助我很多.谢谢!

Answer 1

它们可能无法正常运行IE6,但所有当前浏览器都支持此功能,并且规范并未禁止它:请参阅此处了解规范.

重要的是浏览器支持的内容.老实说,如果他们使用IE6和东西不工作......在这种情况下,它不是一个破缺的功能,您的网站工作得很好,即使没有.我会说你在这里很清楚.