css设置下拉列表(select)样式首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码:
创新互联专注于广汉企业网站建设,响应式网站建设,成都做商城网站。广汉网站建设公司,为广汉等地区提供建站服务。全流程定制设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
html
head
style
.div1{
width:600px;
height:200px;
font-size:13px;
}
.div select{
width:200px;
}
.div select option{
width:150px;
height:30px;
}
/head
body
div class='div1'
select
option value="volvo"Volvo/option
option value="saab"Saab/option
option value="opel"Opel/option
option value="audi"Audi/option
/select
/div
/body
/html
系统默认对连接文字为兰色，而且有下划线。
你在Dramweaver中打开文件，添加一个CSS样式：打开CSS样式面板有个添加按钮，也可以右键新建CSS样式，在弹出的窗口中单选框选择第三个，在下拉框中选择样式，分别对：link :visited :hover :active设定。
我初步做了个，你把下面的放入head标签中，看效果，当然里面颜色都是可以改变的。
style type="text/css"
!--
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: #CC00FF;
text-decoration: none;
}
a:active {
color: #0000FF;
text-decoration: none;
}
--
/style
CSS改变流动条的样式，代码如下：
scrollbar-face-color:#FEFAF1; (立体滚动条凸出部分的颜色)
scrollbar-highlight-color:#FEFAF1; (滚动条空白部分的颜色)
scrollbar-shadow-color:#FEFAF1; (立体滚动条阴影的颜色)
scrollbar-arrow-color:#E6C3B9;(上下按钮上三角箭头的颜色)
scrollbar-base-color:#FEFAF1; (滚动条的基本颜色)
scrollbar-darkshadow-color:#E6C3B9; (立体滚动条强阴影的颜色)
scrollbar-3dlight-color:#E6C3B9;(滚动条亮边的颜色)
scrollbar-track-color:#FEFAF1;} (滚动条的背景颜色)
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
纯CSS的下拉菜单，此处理解的意思就是li标签套li标签，然后再给li标签设置样式。在被套的li标签设置平时状态为隐藏，再等鼠标移动到上一个li标签时，将被套的li标签显示（样式：overflow:hidden; ）。
贴一段网上摘的纯CSS下拉菜单（二级）
!DOCTYPE HTML
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title利用float制作兼容ie6纯css下来菜单/title
style type="text/css"
* { margin:0; padding:0; }
ul { list-style:none; }
a:hover {color:#555; }
.nav { float:left; overflow:hidden; text-align:center; font-size:14px; }
.nav dd { float:left; width:300px; margin:-888px -150px 0 0; }
.nav dd a { float:left; margin-top:888px; display:block; position:relative; background:#eee; width:150px; height:30px; line-height:30px; border-bottom:1px solid #fff; }
.nav a:hover { margin-right:1px; background:#3cf; }
.nav dd ul { float:left; font-size:0; z-index:888; }
.nav dd li a { clear:left; width:150px; margin-top:0; font-size:14px; }
.nav dd li a:hover { margin-right:1px; }
/style
/head
body
dl class="nav"
dda href=""首页/a/dd
dd
a href=""关于我们/a
ul
lia href=""公司简介/a/li
lia href=""公司文化/a/li
lia href=""企业荣誉/a/li
lia href=""联系我们/a/li
/ul
/dd
dd
a href=""新闻动态/a
ul
lia href=""国内新闻/a/li
lia href=""国外新闻/a/li
/ul
/dd
dd
a href=""产品展示/a
ul
lia href=""111/a/li
lia href=""222/a/li
/ul
/dd
/dl
/body
/html
例一：
＜select name="select" size="1" style="font-family:Verdana,Arial; font-size: 9pt; color: #FF0000"＞
＜option value="2" selected＞yesky.com＜/option＞
＜option value="1"＞redidea.net＜/option＞
＜/select＞
查一下手册,还有好多项可以设置.
例二：
html
head
style
.box
{
border: 1px solid #C0C0C0;
width: 182px;
height: 20px;
clip: rect( 0px, 181px, 20px, 0px );
overflow: hidden;
}
.box2
{
border: 1px solid #F4F4F4;
width: 180px;
height: 18px;
clip: rect( 0px, 179px, 18px, 0px );
overflow: hidden;
}
select
{
position: relative;
left: -2px;
top: -2px;
width: 183px;
line-height: 14px; color: #909993;
border-style: none;
border-width: 0px;
}
/style
/head
body
div class = boxdiv class = box2
select size = "1" name = "D1"
option内容一/option
option内容二/option
/select
/div/div
/body
/html
