CSS中的“active”關鍵字用于標記元素作為活動元素,也就是當用戶與該元素交互時,其樣式會發生改變。下面將詳細介紹“active”在CSS中的用法。
```css
a:active {
background-color: #f00;
color: #007bff;
padding: 8px;
2. 標記表單元素作為活動元素
表單元素通常使用“input”標簽創建,當用戶輸入文本時,其樣式會發生改變。為了標記表單元素作為活動元素,可以使用“active”關鍵字,其語法為:
```css
input:active {
background-color: #f00;
color: #007bff;
padding: 8px;
上述代碼將標記當用戶輸入文本時,表單元素“input”標簽的背景顏色會變成紅色,字體顏色會變成淺灰色,并且padding會增加8像素。
3. 標記元素作為搜索元素
搜索元素通常是使用“input”標簽創建的,當用戶按下“搜索”按鈕時,其樣式會發生改變。為了標記元素作為搜索元素,可以使用“input:active”關鍵字,其語法為:
```css
input:active {
background-color: #f00;
color: #007bff;
padding: 8px;
上述代碼將標記當用戶按下“搜索”按鈕時,搜索元素“input”標簽的背景顏色會變成紅色,字體顏色會變成淺灰色,并且padding會增加8像素。
“active”關鍵字的使用可以幫助開發者標記特定的元素作為活動元素,從而更好地控制元素的樣式和行為。需要注意的是,“active”關鍵字只適用于CSS3,如果使用CSS2,可以使用“:hover”和“:active”等hover狀態來代替“active”。