html - 摆脱输入类型图像周围的虚线？

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();
            }
        }
    }
}

是的，我使用了正确的 id 标签

我尝试了几种不同的 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;
}