css下拉按钮样式,css下拉按钮样式不见了

css怎样设置下拉列表(select)样式？

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

CSS如何设置下拉框的按钮颜色

系统默认对连接文字为兰色，而且有下划线。

你在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怎么改变表单下拉框箭头和滚动条样式

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做下拉菜单

纯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

用css改变下拉框样式

例一：

＜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