去掉输入类型图像周围的虚线

Question

我尝试了很多不同的方法。似乎什么都不管用。我在这里错过了什么？

HTML代码：

<form target="paypal" action="https://www.sandbox.paypal.com/cgi-bin/webscr"     method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="someval">
<input type="image" src="Btn.PNG" border="0" 
    name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.sandbox.paypal.com/WEBSCR-640-20110401-    1/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

尝试过的Javascript:

function NoLinkBorder()
{
    var links = document.getElementById('noborder').getElementsByTagName('a');
    for ( var i = 0; i < links.length; i++ ) 
    {
        links[i].onmousedown = function () 
        {
            this.blur();
            return false;
        }
        links[i].onclick = function() 
        {
            this.blur();
        }
        if ( /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent) ) 
        {
            links[i].onfocus = function() 
            {
                this.blur();
            }
        }
    }
}

是的，我使用了正确的身份标签

我尝试了几种不同的css技术。一个在div中包装表单：

.MoneyButton {     
    background:url(Btn.PNG) no-repeat;     
    cursor:pointer;     
    border: none; 
}

div.MoneyButton input { 
    background:url(Btn.PNG) no-repeat; 
    width: 534px;     
    height: 260px;     
    border: none; 
} 

还尝试了一种简单的css技术：

a:focus {
    outline: 0;
}

和

a:focus {
    outline: none;
}

似乎什么都不管用。当在IE 8中点击时，虚线仍然显示在图像/表单周围。

有什么想法吗？

Answer 1

<input type="image">的类型为input，这就是为什么大纲样式不适用于它的原因。

从焦点样式中删除a，使其适用于焦点中的任何元素，而不仅仅是a元素：

:focus {
    outline: none;
}