刪除圖像地圖區域上的輪廓

無論如何，當您選擇圖像地圖上的區域時，刪除輪廓？請參閱： enter image description here 刪除圖像地圖區域上的輪廓

我在Snow Leopard上使用Chrome。

2011-01-27 Marc

查看此處查看跨瀏覽器解決方案：http://stackoverflow.com/a/12196766/1491212 – 2012-10-19 22:50:58

感謝Armel，對不起，我沒有早點回來。 – Marc 2012-10-24 19:40:21

好像你該怎麼做才能消除這些邊界在於對img標籤，通過像日設置hidefocus屬性和outline CSS屬性就可以了是：

HTML

<img class="map" src="..." usemap="..." hidefocus="true" />

CSS

img.map, map area{ 
    outline: none; 
}

這應該工作的跨瀏覽器！

編輯

像謝爾蓋ķ評論說，如果你不打算支持IE6你可以只使用一個屬性選擇保存字節。

img[usemap], map area{ 
    outline: none; 
}

2012-08-30 12:23:34

在css規則上試過outline:0？

2011-01-27 20:58:21

任何想法如何刪除Safari上出現在iOS上的半透明框？ – 2011-10-27 14:59:52

使用CSS。在元素上設置style="outline:none;"，或者最好放置在樣式表中。

2011-01-27 20:59:05 Endophage

什麼元素？放在區域標籤上並沒有這樣做。無論是將它放在圖像標籤上。 – patad 2011-06-16 13:07:49

@meow我相信你想把它放在圖像地圖的``區域`元素上，但如果你說這不起作用，那麼我真的不確定。仔細檢查，沒有任何拼寫/語法錯誤...我們都製作它們。 – Endophage 2011-06-16 14:33:57

給你的圖像映射的「地圖」，然後使用下面的CSS聲明的ID：

#Map area { 
    outline: none; 
}

2011-07-07 19:47:13 Eric

它不起作用，導致區域標籤繼承了「添加」地圖標記的圖像的輪廓。所以，當然，我已經添加了「大綱：沒有;」財產不僅對區域標籤，而且對主要圖像也是如此。 – 2013-08-16 11:43:09

我是有兩個Chrome和Safari同樣的問題，並通過爲每個區域分配類.MAP發現成功標籤並給予類以下樣式：

.map { 
outline: 0; 
}

2011-08-19 18:43:05 Amanda

有點兒老套，但的確這項工作：

<area onfocus="blur();" ...

？

GTX，CS

2013-01-07 22:12:02

所以，如果你有沒有CSS一個古老的網頁（我知道太可怕了！），你可以通過插入風格=修正：在COORDS後區域內的HREF之前「綱要無」標記 - 絕對完美！

2014-03-21 10:08:10 kiwi

回答