當我們在使用網頁時,鼠標的光標通常都會顯示在頁面的上方,這是因為 CSS 默認情況下將鼠標光標的樣式設置為 "auto",也就是瀏覽器會根據頁面中元素的類型和狀態來自動決定光標的樣式。
* { cursor: auto; }
不過,如果我們想給頁面中的某些元素設置一個特定的鼠標光標樣式,也是非常簡單的。比如,我們可以為鏈接設置一個手形光標,為文本框設置一個輸入光標,為按鈕設置一個等待光標等等。
a { cursor: pointer; } input[type="text"] { cursor: text; } button { cursor: wait; }
通過設置不同的鼠標光標樣式,我們可以讓頁面更加美觀和易于使用,也可以提高用戶體驗和交互性。