表單控件用CSS怎么寫？

CSS（級聯(lián)樣式表）是一種用于描述HTML元素樣式的語言，它可以用來控制網(wǎng)頁中表單控件的樣式，下面是一些常見的表單控件用CSS編寫的示例：

1、文本框：

HTML代碼：

<input type="text" id="txtInput" name="txtInput">

CSS代碼：

#txtInput {
  width: 200px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px;
}

2、密碼框：

HTML代碼：

<input type="password" id="pwdInput" name="pwdInput">

CSS代碼：

#pwdInput {
  width: 200px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px;
}

3、下拉框：

HTML代碼：

<select id="selectBox" name="selectBox">
  <option value="option1">選項1</option>
  <option value="option2">選項2</option>
  <option value="option3">選項3</option>
</select>

CSS代碼：

#selectBox {
  width: 200px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px;
}

4、單選按鈕：

HTML代碼：

<input type="radio" id="radio1" name="gender" value="male"> 男<br>
<input type="radio" id="radio2" name="gender" value="female"> 女<br>

CSS代碼：

input[type="radio"] {
  margin-right: 10px;
}

5、復(fù)選按鈕：

HTML代碼：

<input type="checkbox" id="checkbox1" name="checkbox1"> 復(fù)選按鈕1<br>
<input type="checkbox" id="checkbox2" name="checkbox2"> 復(fù)選按鈕2<br>

CSS代碼：

input[type="checkbox"] {
  margin-right: 10px;
}