溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了CSS怎么設置主動控件的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇CSS怎么設置主動控件文章都會有所收獲，下面我們一起來看看吧。
我們先來看一下語法格式：
:focus{
(樣式描述)
}
通過指定元素，類和ID來描述它，如下所示：
設置特定標簽時
(標簽名):focus{
（樣式描述）
}
設置特定類時
.(class名):focus{
（樣式描述）
}
設置特定ID時
#(id名):focus{
（樣式描述）
}
代碼示例：
編寫以下代碼。
FocusSelector.css
input{
background-color:#D0D0D0;
}
input:focus{
background-color:#FFD0D0;
}
說明：
由于描述了“input”，所以對INPUT標簽的樣式定義，并將背景顏色指定為灰色（#D0D0D0）。正常INPUT的定義是
input{background-color:#D0D0D0;}
接收并激活焦點的樣式定義，并且背景顏色指定為粉紅色（＃FFD0D0）。
input:focus{background-color:#FFD0D0;}
FocusSelector.html
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title></title>
<linkrel="stylesheet"type="text/css"href="ForcusSelector.css"/>
</head>
<body>
輸入1:<inputtype="text"/><br/>
輸入2:<inputtype="text"/><br/>
輸入3:<inputtype="text"/><br/>
輸入4:<inputtype="text"/><br/>
輸入5:<inputtype="text"/><br/>
</body>
</html>
關于“CSS怎么設置主動控件”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“CSS怎么設置主動控件”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
