Question

我想用type="submit"创建一个登录按钮，其中的图像也有悬停图像，并且：还有活动图像，以及它在 firefox 和chrome上的工作正常，但在 Internet Explorer 上，它只是提供基本图像而不是给出悬停图像和活动图像。除此之外，当你点击按钮时，它会在按钮上做一个虚线。

如何在IE上展示：

http://imageshack.us/photo/my-images/72/ieproblem.jpg/

它在chrome和firefox上的表现：

http://imageshack.us/photo/my-images/685/chromes.jpg/

.button
 {
    border:none;
    background: url(../img/login.jpg);
    width:41px;height:19px;
   }
    .button:hover 
        {
        background: url(../img/loginhover.jpg)  no-repeat top left;
        width: 41px;
        height: 19px;
        }

 .button:active {

 background: url(../img/loginactive.jpg);
   }

HTML上的按钮代码：

<input type="submit" class="button" value=""/>

Answer 1

如果您使用的是早期版本的IE，则会遇到以下问题：悬停。

如果您使用ie7＆gt;

您需要将href添加到您的锚点：否则IE不会拾取悬停：

并删除大纲，您可以尝试

a {
   outline: 0;
}

Answer 2

我认为这是由IE中的outline属性引起的。

请查看http://css-tricks.com/removing-the-dotted-outline/，了解有关如何删除它的一些提示。

a {
   outline: 0;
}

或者将outline样式应用于其他元素。

IE上的css按钮

2 个答案: