input列表是一種常用的用戶輸入列表，可以在網頁中方便地添加各種不同的用戶輸入控件，如文本框、單選框、復選框、下拉列表等。在 CSS 中，可以使用 input[type="list"] 標簽來創建一個 input 列表。

input[type="list"] 標簽允許用戶在列表項之間切換，并且每個列表項都可以使用列表符號和下劃線進行格式化。input[type="list"] 標簽還支持列表項的默認值和選項卡布局。

下面是一個使用 input[type="list"] 標簽創建 input 列表的簡單示例：

```html

<input type="list" id="myList">

<ul id="myList-ul"></ul>

```css

#myList {

width: 200px;

margin: 20px auto;

padding: 20px;

border: 1px solid #ccc;

border-radius: 5px;

#myList-ul {

list-style-type: none;

margin: 0;

padding: 0;

#myList-ul li {

display: inline-block;

width: 100%;

height: 100%;

text-align: center;

margin-bottom: 20px;

border: 1px solid #ccc;

border-radius: 5px;

#myList-ul li:hover {

background-color: #ddd;

在上面的示例中，我們使用 HTML 創建了一個 input 列表，并使用 CSS 對其進行樣式設置。在 CSS 中，我們使用 ID 選擇器選擇 input[type="list"] 標簽，并設置了其樣式，包括寬度、邊框、半徑和內邊距等。我們還為列表項添加了文本對齊、邊框和下劃線等樣式。最后，我們使用 ID 選擇器選擇列表項，并設置了其hover 狀態的背景顏色。

使用 input[type="list"] 標簽可以方便地創建各種類型的用戶輸入控件，并且可以方便地對其進行樣式設置。這使網頁更加美觀和易于使用，同時也可以提高用戶體驗。