CSS文本框怎么設(shè)置表單大小

在CSS中，我們可以通過設(shè)置寬度（width）和高度（height）屬性來控制文本框的大小，這些屬性可以設(shè)置為像素（px）、百分比（%）或者自動（auto）。

如果我們想要設(shè)置一個寬度為200像素、高度為50像素的文本框，我們可以使用以下CSS代碼：

input[type="text"] {
  width: 200px;
  height: 50px;
}

這段代碼會將所有類型為"text"的輸入元素（即文本框）的寬度設(shè)置為200像素，高度設(shè)置為50像素。

如果我們想要設(shè)置文本框的寬度為父元素的50%，我們可以使用以下CSS代碼：

input[type="text"] {
  width: 50%;
}

這段代碼會將所有類型為"text"的輸入元素的寬度設(shè)置為父元素的50%，注意，如果父元素的寬度是變化的，那么文本框的寬度也會隨著變化。

如果我們想要讓文本框的大小自動適應(yīng)其內(nèi)容，我們可以將高度屬性設(shè)置為自動：

input[type="text"] {
  height: auto;
}

這段代碼會將所有類型為"text"的輸入元素的高度自動適應(yīng)其內(nèi)容。