怎么修改h5下拉框样式，如何用css样式改变下拉菜单的样式

1，如何用css样式改变下拉菜单的样式

比如：select option{你要改变的样式}

当鼠标悬停的时候出现菜单，出现的方式可以用动画控制，移开鼠标，菜单消失

如何用css样式改变下拉菜单的样式

2，下拉菜单的箭头怎么修改他的css样式

你的效果图已经不是普通的下拉菜单的，是用JS实现的用图片做上去的

css如下，第二个和第三个是为了兼容浏览器appearance:none;-moz-appearance:none;-webkit-appearance:none;

首先下拉菜单的样式是可以改变的，最关键的步骤是在select外层包裹一个div。具体如下：1. 首先准备好一个你想替换成的样式的背景图片，因为这个效果是通过设置背景图片实现的。2. 在select外层包裹一层div，设置select的border:none;outline-style:none;(去除边框和选中时的边框)3. 设置select的背景为你之前准备好的效果图片。css中很多效果都是通过这种去除边框，设置背景透明，再加上自己想要的背景图片来实现的。有时候甚至将整个元素整个设置透明，用自己制作的样式来替换。

下拉菜单的箭头怎么修改他的css样式