甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
代码分析，这是代码中唯一的一点js，作用是更改下面菜单的class，配合样式表（CSS）可以达到动态效果，比如下拉菜单的下拉功能、选中显示，都是这样做到的。可以说，整个菜单主要部分都是DIV+CSS。
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站设计制作、成都做网站、精河网络推广、微信小程序开发、精河网络营销、精河企业策划、精河品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供精河建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com
定义页面使用的css样式，也是需要在里定义的。
css没有办法实现美化select下拉框的。
第一想法就是给未显示（默认隐藏时）的下拉菜单栏添加，其结果就是边框一直处于显示状态，在下拉菜单栏隐藏时无法隐藏。解决方法就是将边框的属性加在hover属性里面，未显示时的边框设置为零。
楼主您好，我调试过，你也试试。你懂CSS，我还是按照步骤一步一步来。以便不懂CSS也可以学习下。
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
css是无法去掉默认select的下拉箭头的，除非自己用div+js+css实现自定义select控件。
select一直是html里的怪胎，很多属性不受css控制的，所以才会出现很多div+css的下拉插件，如果项目需要 非要用元素select的话，可以在select上做一个小小的遮罩，通过定位到下拉箭头，挡住后面的箭头就行了。
选择一个浏览器，然后单击它以查看浏览器上的预览效果。1此时，系统将提示您保存对网页文件的更改。选择“是”保存。1然后您可以看到您在浏览器上创建的下拉菜单的外观。
首先我们来看一下效果图，横向下拉菜单。接下来我们看一下w3c的菜单，和小编的菜单对比一下。两者内容相同，但w3c的菜单不支持下拉，缺乏动态效果，显得死板。选中效果也不明显。
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
首先看一下没有（background-color）属性的选择下拉框的效果。
这个颜色是由操作系统统一指定的(所有软件中的下拉框的这个颜色都是系统指定的、不可变的，除非改用其他非标准控件)，浏览器无权修改，因此css也是没有这方面的属性的。
html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：select{width：210px；}。浏览器运行index.html页面，此时网页下拉列表的大小被调整为了210px。
此时弹出设置窗口，不管其它的，只在右边的Size框里选中12，单位为pixels。
1、请单击“文件”“新建”以创建新的web源文件。默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。
2、方法如下：方法一：HTML 创建CSS菜单的HTML代码框架。我们使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。在主菜单区域中添加链接。
3、css没有办法实现美化select下拉框的。
4、第一想法就是给未显示（默认隐藏时）的下拉菜单栏添加，其结果就是边框一直处于显示状态，在下拉菜单栏隐藏时无法隐藏。解决方法就是将边框的属性加在hover属性里面，未显示时的边框设置为零。
5、双击打开HBuilder编辑工具，新建静态页面select.html，并引入jquery mobile相关的css文件和JavaScript文件，还需要引入jquery核心文件。然后需要按照图示代码利用jquery mobile布局样式设置上中下，分别使用对应的样式设置布局。
6、使用非单选框复选框的标签，也就是用其它标签定义样式，使用javascript模拟点击的时候标签的样式切换，不过这种方法需要为表单提交的时候提供参数。
首先看一下没有（background-color）属性的选择下拉框的效果。
而且将信息分成几大块，每大块有分为几小块，这样的排版很整齐，也简洁。
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
这个超出部分刚好能把后面的默认下拉按键隐藏掉，同时设置.selectbox的背景为下拉小按钮，居右边垂直居中。
默认是这样的，你想修改长度还是想解决什么问题。
纯CSS的下拉菜单，我理解的意思就是li标签套li标签，然后再给li标签设置样式。在被套的li标签设置平时状态为隐藏，再等鼠标移动到上一个li标签时，将被套的li标签显示（样式：overflow：hidden； ）。