CSS怎樣INPUT CSS是一種用于網頁設計的樣式表語言，它通過操縱HTML元素的樣式來控制網頁的外觀和布局。對于表單元素，CSS提供了很多的樣式屬性來美化輸入框的外觀。 下面是CSS中常用的一些INPUT樣式： 使用input[type=text]選擇器來選中所有文本輸入框，通過設置相應的樣式屬性來改變它們的外觀。比如，可以設置文本輸入框的邊框樣式、背景色、字體顏色和大小等等。 pre { margin: 0; padding: 0; } input[type=text] { border: 1px solid #ccc; padding: 5px; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px; color: #666; background-color: #f3f3f3; } 同樣的，可以使用其他的輸入框類型（如密碼輸入框、數字輸入框、日期選擇框等等）的屬性選擇器來定義它們的外觀。 pre { margin: 0; padding: 0; } input[type=password] { border: 1px solid #ccc; padding: 5px; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px; color: #666; background-color: #f3f3f3; } input[type=number] { border: 1px solid #ccc; padding: 5px; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px; color: #666; background-color: #f3f3f3; } input[type=date] { border: 1px solid #ccc; padding: 5px; border-radius: 4px; font-family: Arial, sans-serif; font-size: 14px; color: #666; background-color: #f3f3f3; } CSS還提供了一些偽類選擇器來定義表單元素的狀態，如:active、:focus、:hover等等。這些選擇器可以用于改變輸入框的樣式，以及在用戶與輸入框交互時顯示不同的效果。 pre { margin: 0; padding: 0; } input[type=text]:focus { border: 1px solid #2b7fff; background-color: #fff; color: #000; } input[type=number]:hover { border: 1px solid #2b7fff; box-shadow: 0 0 6px #2b7fff; } 總之，使用CSS可以為表單元素（特別是輸入框）提供各種各樣的樣式效果，使得網站更加美觀、易于使用、易于導航。在設計網站時，合理地運用CSS樣式，可以使得用戶體驗更加優秀。