如何去除邊框？

HTML：

<img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" /> 

<map name="link_index"> 
    <area shape="rect" coords="1,1,400,480" href="index.html" alt="" /> 
</map>

的問題是，當你點擊圖片上出現藍色邊框的形象。他們消失在第二，但我需要使它不會出現

http://jsfiddle.net/Ub886/1/

谷歌瀏覽器最新版本

來源

2014-06-29 user3607370

把它簡潔，'

讓我回到onfocus = this.blur天的IE4 – mplungjan

你所看到的藍色邊框實際上是一個超鏈接「主動」州。您可以添加CSS定義樣式的邊界：

area:focus{ 
    border: none; 
    outline-style: none; 
    -moz-outline-style:none; 
}

Fiddle as example

來源

2014-06-29 16:46:06 Daniel

請記住'：focus'樣式應該提供一些視覺指示，指示鍵盤導航的焦點位置，請參閱：'[outlinenone]（http：// www .outlinenone.com /）「。 –

好點！我們也可以考慮使用'area：focus'來設計造型，以僅從圖像區域移除'：active'邊框。（我會添加到我的答案） – Daniel

嘗試：

<img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" style="border:0"/>

你能做到這一點的CSS樣式以及

.logo_pic img-responsive { 
    border:0; 
} 

.logo_pic img-responsive:hover { 
    border:0; 
}

編輯

img:active, :focus { outline: none; -moz-outline-style: none; }

的jsfiddle：

http://jsfiddle.net/Ub886/4/

來源

2014-06-29 16:36:25 imbondbaby

無效。當你按下可見的框架。 http://jsfiddle.net/Ub886/1/ – user3607370

你在說什麼邊界？你能指出一個形象嗎？我無法看到邊框 – imbondbaby

編輯了答案:) – imbondbaby

內聯CSS ...

<img class="logo_pic img-responsive" src="images/logo.png" alt="logo" style="border:0;" usemap="#link_index" /> 

<map name="link_index"> 
    <area shape="rect" coords="1,1,400,480" href="index.html" alt="" /> 
</map>

來源

2014-06-29 16:42:43

如何去除邊框？

回答

相關問題