CSS 選擇框按鈕樣式

select{
border: none;
background: #f2f2f2;
color: #717171;
font-family: Arial;
font-size: 16px;
padding: 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select:focus{
outline:none;
}

CSS 選擇框按鈕樣式是通過修改select標簽的樣式實現(xiàn)的。首先，我們?nèi)コ齭elect標簽默認的邊框，設置一個灰色的背景色，并設置字體顏色和大小，以適應站點整體的視覺風格。然后，我們使用CSS3新特性Border Radius，將select標簽圓角化。同時，我們使用appearance:none將默認的下拉圖標去除。

當selector獲得焦點時，我們?nèi)コ藄elect默認的outline，不會干擾頁面的美感。

通過這些樣式，我們可以給用戶帶來更好的使用體驗，讓界面更加整潔、舒適。