入力タイプの画像を点線で囲みませんか？

Question

私はこれをさまざまなやり方で試してみました。何も動作していないようです。私はここで何が欠けていますか？

HTMLコード：Javascriptをしようとしました

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

：

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のテクニックを試してみました右のIDタグ

を使用。 DIVでフォームをwrapingワン：

.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です。その理由はアウトラインスタイルが適用されない理由です。

:focus { 
    outline: none; 
}