css重點不在狩獵和鍍鉻

我得到了一個奇怪的問題，我從來沒有得到過。請參閱此代碼：css重點不在狩獵和鍍鉻

的CSS：

#btn{ 
    margin-left:150px; 
    padding:10px; 
    display:block; 
} 
#btn a{ 
    padding:5px 20px; 
    background:green; 
    color:#FFF; 
    text-decoration:none; 
    outline:none; 
} 
#btn a:hover{ 
    background:#933;  
} 
#btn a:focus, #btn a:active{ 
    background:#CF0; 
color:#000;

}

這裏的HTML

<div id="btn"> 
    <a href="#">Click here</a> 
</div>

的重點和活躍 CSS在Firefox中運作良好，但不在鉻和Safari瀏覽器。

來源

2011-04-29 user687414

：焦點就像鍵盤狀態：懸停。它發生在一個元素具有焦點並且在用SPACEBAR或ENTER鍵按下元素之前「單擊」元素之前。那麼它將是：活躍的。 – Benxamin 2014-12-18 04:16:45

對於基於Webkit的'焦點'事件，情況也是如此，它不需要。解決的辦法是在A上放置tabindex =「0」屬性，然後接收焦點事件。以防萬一，您可能還希望至少有一個「＃」作爲href。

來源

2011-11-11 00:10:36 user1040252

對於Safari 5.0.1上的'

對於webkit而言，好像沒什麼問題。不是一個真正的錯誤。在html中易於修復。只需使用tabindex。

 <a href="#" class="hide" tabindex="1">[hide]</a> 
    <a href="#" class="show" tabindex="2">[show]</a>

ただ...

來源

2012-03-21 04:05:26 shobhonk

儘管我很欣賞你的聰明才智，但對於「隱藏」和「顯示」UI元素以外的其他任何東西都是草率的。我正在尋找這個專門用於輸入元素樣式的，因此與OP不完全相同。儘管如此，我猜，這是行得通的。 – Luke 2014-07-09 20:44:47

這對我來說非常合適。謝謝！ – kingliam 2016-02-19 00:35:44

發表user1040252解決辦法奏效了我。

我有一個div圖像，它將span標記中的圖像設置爲點擊時可見。 Firefox忽略了我的CSS文件中的classname：focus。

<div class="thumbnail_frame"> 
<img src="pictures\\figures\\thumbs\\image_1.JPG"/> 
<span> 
    <img src="pictures\\figures\\image_1.JPG"/> 

</span> 
</div>

我的CSS（一部分）：

.thumbnail_frame:focus span{visibility: visible;} 
//... 
.thumbnail_frame span 
{ 
    visibility: hidden; 
    position: fixed; 
    top: 20px; 
    left: 20px 
}

但這隻有在使用Internet Explorer 9，Firefox的工作保持12也忽略了焦點在其他簡單的例子，像在這裏找到：解釋： http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm 試試吧： http://de.selfhtml.org/css/eigenschaften/anzeige/pseudo_links.htm

但是，增加的tabindex = 「0」，在

<div tabindex="0" class="thumbnail_frame"> 
<img src="pictures\\figures\\thumbs\\image_1.JPG"/> 
    <span> 
     <img src="pictures\\figures\\image_1.JPG"/> 

    </span> 
    </div>

工程就像一個魅力。一鍵打開隱藏的跨度，第二個非常整潔地關閉它。

來源

2012-08-28 13:01:13

-2

你應該知道，僞類：重點不答的標籤，有4個僞類去：鏈接，：懸停，：積極，：訪問

來源

2013-04-23 11:20:18 Ismail

在所有瀏覽器中，您可以：將焦點集中到A標籤（使用有效的href）以啓用鍵盤支持。 – Benxamin 2014-12-18 04:15:08

這是可以解決的，一些額外的代碼需要雖然...

<div id="btn"> 
    <a href="#" tabindex="1">Click here</a> 
</div>

jsfiddle

我知道這是荒謬的......你可以閱讀更多here

希望這有助於

來源

2014-07-19 16:00:53 calofanas

非常感謝你calofanas。這爲Safari 7.1.5做了訣竅！ – apo11oCreed 2015-06-18 15:49:48

css重點不在狩獵和鍍鉻

回答

相關問題