CSS下拉列表是網頁中常見的交互形式之一。下拉列表作為一種選項集合，可以使用戶在不同的選項之間進行選擇。下面我們將為您介紹關于CSS下拉列表的正規寫法。

1. HTML部分

<select>
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
</select>

2. CSS部分

select {
width: 150px;
height: 30px;
padding: 5px;
border: none;
border-radius: 5px;
font-size: 16px;
color: #555;
background-color: #fff;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
}
select::-ms-expand {
display: none;
}

在HTML部分，我們使用<select>標簽來創建下拉列表，<option>標簽用于定義下拉列表中的選項。其中，value屬性用于傳遞選項的值，顯示在下拉列表中的內容在</option>標簽中添加。

在CSS部分，我們定義了下拉列表的樣式，包括寬度、高度、內邊距、邊框樣式、圓角半徑、字體大小、字體顏色以及背景顏色。我們還使用了appearance屬性來隱藏瀏覽器默認的下拉箭頭，并為不同內核的瀏覽器添加了前綴以保證兼容性，同時去除了outline屬性。其中，select::-ms-expand樣式用于隱藏IE瀏覽器中的下拉箭頭。

通過以上的簡單操作，我們就可以創建一個漂亮的、兼容性良好的CSS下拉列表了。