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

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

/* 下拉菜單主樣式 */
.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;
}
/* 下拉菜單選項(xiàng)樣式 */
.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;
}
/* 下拉菜單選項(xiàng)中的每個選項(xiàng)樣式 */
.dropdown li {
line-height: 28px;
padding: 0 10px;
cursor: pointer;
}
/* 當(dāng)下拉菜單選項(xiàng)被選中時，改變樣式 */
.dropdown li:hover {
background-color: #f3f3f3;
}
/* 當(dāng)下拉菜單選項(xiàng)被選中時，選項(xiàng)文字顏色改變 */
.dropdown li.selected {
color: #fff;
background-color: #007bff;
}

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