簡體   English   中英

使用 Tab 鍵聚焦時如何設置元素樣式?

[英]How do I style an element when it has been focused with the tab key?

當使用 Tab 鍵聚焦時,我想將樣式應用於<a>標簽。 問題是,當我單擊鼠標激活<a>時, :focus也會被觸發。

我怎樣才能做到這一點?

您可以使用以下解決方案:

 a, a:link, a:active { color:green; } a:focus:not(:active) { color:yellow; }
 <a href="#">Test #1</a> <a href="#">Test #2</a> <a href="#">Test #3</a> <a href="#">Test #4</a>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM