這篇文章給大家介紹HTML中focus是什么，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
:focus選擇器用于選取獲得焦點的元素。
:focus是一個偽類，它適用于具有焦點的元素。
:focus應用于元素具有焦點的時間內。
只要是可以接收鍵盤事件或其他用戶輸入的元素都可以使用:focus 選擇器，大多數情況下:focus選擇器都是被使用在鏈接和表單元素上的。
例子：
a:focus {outline: 1px dotted red;}
input:focus {background: yellow;}注：:focus 作用于 IE8,DOCTYPE必須已聲明
實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
input:focus {
outline: 0;
/* 去除瀏覽器默認樣式 */
border: 2px solid rgb(238, 175, 238);
background-color: rgb(255, 230, 192);
text-shadow: 1px 1px saddlebrown;
}
</style>
</head>
<body>
<p>點擊文本輸入框表單可以看到紫色邊框和橘色背景:</p>
<form>
用戶名: <input type="text" name="username" /><br />
密 碼: <input type="password" name="password" />
</form>
</body>
</html>效果圖：
關于HTML中focus是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
