美化下拉菜单：<select> 元素的 CSS 样式

<p>可以使用以下 CSS 样式来美化'select'元素：</p>
<pre>
<style>
    select {
        padding: 10px;
        font-size: 16px;
        border: none;
        border-radius: 5px;
        background-color: #f2f2f2;
        color: #666666;
    }
    select:hover {
        background-color: #dddddd;
        transition: background-color 0.3s ease;
    }
    select:focus {
        outline: none;
        box-shadow: 0px 0px 5px #cccccc;
    }
</style>
</pre>
<p>通过这些样式，'select'元素将获得更好的外观和交互性，包括填充、字体大小、边框、圆角、背景颜色和文本颜色。鼠标悬停时，背景颜色将变为淡灰色。获取焦点时，元素将显示阴影，以凸显选定状态。</p>