擺脫輸入類型圖像周圍的虛線？

我試過這樣做了一堆不同的方式。似乎沒有任何工作。我在這裏錯過了什麼？擺脫輸入類型圖像周圍的虛線？

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

我試過一對夫婦differenet 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中單擊圖像/表單時，虛線仍然出現。

有什麼想法？

來源

2011-06-17 SlickRick

也許相關：http://stackoverflow.com/questions/71074/how- to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links – aioobe

你是如何得到html來顯示Luzhin的？當我第一次發佈它時，它是隱形的。試圖在每條線的前面放置4個空格，並且不留空間。我想在此遵循風格指南。 – SlickRick

你需要用四個空格縮進每行代碼，就像你用JS和CSS做的那樣。 – BoltClock

<input type="image">的類型是input，這就是大綱樣式不適用於此的原因。

從你的焦點風格刪除a所以它適用於焦點任何元素，而不僅僅是a元素：

:focus { 
    outline: none; 
}

來源

2011-06-17 20:25:36 BoltClock

或者，如果您只想從類型圖像的輸入中刪除輪廓，請使用input [type = image]：focus {outline：none;} – BraedenP

聖靈牛！這很容易？！我甚至不知道你可以在CSS中做到這一點，我的意思是：無論如何，而不是：無論如何。那是什麼意思？這是否意味着它適用於每個html元素？ – SlickRick

@SlickRick：是的。你知道如何單獨使用'＃id'和'.class'？ '：pseudoclass'也是如此 - 適用於具有該ID /類/僞類的任何類型的元素。 – BoltClock

擺脫輸入類型圖像周圍的虛線？

回答

相關問題