CSS3 為我們提供了豐富的樣式選擇器,其中也包括了選取 input 元素的選擇器。
/* 選取所有 input 元素 */ input { styles... } /* 選取 type 為 text 的 input 元素 */ input[type="text"] { styles... } /* 選取 type 為 password 的 input 元素 */ input[type="password"] { styles... } /* 選取 type 為 checkbox 的 input 元素 */ input[type="checkbox"] { styles... } /* 選取 type 為 radio 的 input 元素 */ input[type="radio"] { styles... } /* 選取 type 為 submit 的 input 元素 */ input[type="submit"] { styles... } /* 選取 type 為 reset 的 input 元素 */ input[type="reset"] { styles... } /* 選取已選中的 checkbox 或 radio 元素 */ input:checked { styles... } /* 選取處于 focus 狀態的 input 元素 */ input:focus { styles... } /* 選取禁用的 input 元素 */ input:disabled { styles... }
通過上述選擇器可以輕松地對 input 元素進行樣式控制,提升頁面的交互性和美觀度。