首先我们来看一下效果图，横向下拉菜单。接下来我们看一下w3c的菜单，和小编的菜单对比一下。两者内容相同，但w3c的菜单不支持下拉，缺乏动态效果，显得死板。选中效果也不明显。
成都创新互联公司专注于珠山企业网站建设,响应式网站设计,商城网站开发。珠山网站建设公司,为珠山等地区提供建站服务。全流程定制网站，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
首先看一下没有（background-color）属性的选择下拉框的效果。
这个颜色是由操作系统统一指定的(所有软件中的下拉框的这个颜色都是系统指定的、不可变的，除非改用其他非标准控件)，浏览器无权修改，因此css也是没有这方面的属性的。
html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：select{width：210px；}。浏览器运行index.html页面，此时网页下拉列表的大小被调整为了210px。
此时弹出设置窗口，不管其它的，只在右边的Size框里选中12，单位为pixels。
首先看一下没有（background-color）属性的选择下拉框的效果。
首先下拉菜单的样式是可以改变的，最关键的步骤是在select外层包裹一个div。具体如下：首先准备好一个你想替换成的样式的背景图片，因为这个效果是通过设置背景图片实现的。
只有多行select框才可修改height值，单行select是不能改变高度的。
ul）来表示主菜单项。在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。
CSS样式表可以分为外部样式表、内部样式表、内联样式。
CSS样式有三种类型：内联式CSS样式、嵌入式CSS样式、外部式CSS样式。内联式CSS样式：就是把CSS代码直接写在现有的HTML标签中。如果有多条CSS样式代码设置可以写在一起，中间用分号隔开。
第一种为标签样式，taglib为标签名，后面{}里面加属性，这种样式对页面内所有的标签名为taglibname的标签起作用。
css样式分三种，内部样式，内联样式和外部样式。
CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。对CSS三种样式定义及其实例：内联式css样式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：1 这里文字是红色。
1、用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
2、在css设置可改变大小的div滚动条样式方法：首先新建html文档，进入代码书写界面。在/head和body的里面写入代码，在div里面写入想要输入的内容/div。书写外层轨道css代码。
3、option blue / option option黄色/ option option红包/ option /选择 要在选择下拉框中添加背景颜色，首先我们需要先编写样式样式，这样便于调用。
4、解决思路：Select下拉框的边框颜色和滚动条的样式都是无法直接定义的，但可以用层模拟出来。具体步骤：方法一：只定义下拉框边框样式。
blue / option 黄色/ option 红包/ option /选择 要在选择下拉框中添加背景颜色，首先我们需要先编写样式样式，这样便于调用。
首先下拉菜单的样式是可以改变的，最关键的步骤是在select外层包裹一个div。具体如下：首先准备好一个你想替换成的样式的背景图片，因为这个效果是通过设置背景图片实现的。
定义页面使用的css样式，也是需要在里定义的。
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
代码分析，这是代码中唯一的一点js，作用是更改下面菜单的class，配合样式表（CSS）可以达到动态效果，比如下拉菜单的下拉功能、选中显示，都是这样做到的。可以说，整个菜单主要部分都是DIV+CSS。