資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚課程
法律課程HTML 中 :focus 和 :active 選擇器的區別
:focus
:focus 選擇器用於在表單元素獲得焦點時應用所需的樣式，如按鈕、連結、輸入框。可以使用滑鼠或 Tab 鍵使元素獲得焦點。焦點的持續時間從讓元素獲得焦點直到另一個元素獲得焦點時結束。
:active
:active 選擇器用於指示錨標記處於活動狀態或按鈕處於活動狀態。在滑鼠按下時，活動選擇器被應用，並且在滑鼠按下期間保持應用狀態。
示例
透過以下示例可看到 :focus 和 :active 選擇器在按鈕和連結上的用法。
<!DOCTYPE html>
<html>
<head>
<title>Selector Example</title>
<style>
button {
border: 2px solid black;
}
button:focus {
border: 2px dotted red;
}
a {
color: black;
}
a:active {
color: red;
}
</style>
</head>
<body>
<button type="submit">Focus Me</button>
<a href="#">Active Me</a>
</body>
</html>輸出
更新於: 2021 年 12 月 21 日
687 檢視
廣告