Question

我尝试过这种方式。似乎没什么用。我在这里缺少什么？

HTML code：

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

摆脱输入型图像的虚线？

1 个答案: