CSS 文本框輸入樣式

CSS 是一種用于樣式設計和布局的標記語言，它可以用于創建各種不同類型的網頁，包括文本框輸入樣式。在 CSS 中，我們可以使用文本框輸入樣式來創建各種類型的輸入框，例如文本輸入、手寫輸入、語音輸入等。

下面是一個基本的 CSS 文本框輸入樣式示例，它包括一個輸入框和一個選擇器，用于選擇輸入框中的文本：

input[type="text"],

input[type="password"] {

width: 100%;

padding: 8px;

border: 1px solid #ccc;

border-radius: 4px;

margin-bottom: 20px;

input[type="text"]:hover {

background-color: #007bff;

input[type="submit"] {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 4px;

cursor: pointer;

input[type="submit"]:hover {

background-color: #3e8e41;

在這個示例中，我們使用了 `input[type="text"]` 和 `input[type="password"]` 選擇器來創建文本輸入和密碼輸入框。`width` 屬性設置了輸入框的寬度，`padding` 屬性設置了輸入框的垂直間距，`border` 屬性設置了輸入框的邊框，`border-radius` 屬性設置了邊框的圓角大小，`margin-bottom` 屬性設置了輸入框的bottom垂直間距，`hover` 屬性設置了輸入框的hover狀態。

我們還使用了 `input[type="submit"]` 選擇器來創建提交按鈕，`background-color` 屬性設置了按鈕的背景顏色，`color` 屬性設置了按鈕的文本顏色，`padding` 和 `border` 屬性也相同的設置。`cursor` 屬性設置了按鈕的cursor狀態，`hover` 屬性也相同的設置。

這只是一個簡單的示例，CSS 可以用于創建各種不同的輸入框，包括文本、手寫、語音等。我們可以使用 CSS 樣式來調整輸入框的外觀、大小、顏色、邊框和圓角等屬性，使它們更加美觀和易于使用。