移動端的網頁設計越來越普及，同時移動端的下拉菜單也成為了很多網站必不可少的一部分。但是，由于移動設備的尺寸比PC電腦小，所以在樣式上需做出相應的改變。

以下是一個常用的移動端下拉菜單的樣式：

/* 下拉菜單主樣式 */
.dropdown {
position: relative;
display: inline-block;
text-align: center;
}
/* 下拉菜單按鈕樣式 */
.dropdown button {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 28px;
padding: 0 10px;
}
/* 下拉菜單選項樣式 */
.dropdown ul {
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
margin-top: 5px;
padding: 0;
width: 100%;
display: none;
list-style: none;
}
/* 下拉菜單選項中的每個選項樣式 */
.dropdown li {
line-height: 28px;
padding: 0 10px;
cursor: pointer;
}
/* 當下拉菜單選項被選中時，改變樣式 */
.dropdown li:hover {
background-color: #f3f3f3;
}
/* 當下拉菜單選項被選中時，選項文字顏色改變 */
.dropdown li.selected {
color: #fff;
background-color: #007bff;
}

這些樣式可以讓下拉菜單在移動設備上呈現出更好的效果。同時，我們也可以做出一些改進，比如在選中下拉菜單選項時，文字顏色和背景顏色的變化可以吸引用戶的注意力，從而更好地體驗網頁。