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

html-css010

css怎样设置下拉列表(select)样式?,第1张

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用变量写到页面中去

比如你有3个CSS

css1.css2.css3

<%

CssUrl=Request("CssName")

if CssUrl="" then

CssUrl="默认的css"

else

CssUrl=Request("CssName")

End if

%>

加载的时候加载默认的一个随便那个都可以了

<link id="CssInclude" href="<%=CssUrl%>" rel="stylesheet" type="text/css">

然后再下来菜单中

<form name=frm1 method=post>

<select name="CssName" onchange="js:frm1.submit()">

<option value=<%=css1地址%>selected>css1</option>

<!--默认css样式-->

<option value=<%=css2地址%>>css2</option>

<option value=<%=css3地址%>>css3</option>

</select></form>

你是什么写的页面

asp按照我说做

如果是html

<link id="CssInclude" href="默认css地址" rel="stylesheet" type="text/css">

然后再下来菜单中

<form name=frm1 method=post>

<select name="CssName" onchange="document.all.CssInclude.href=this.valuelocation.location.reload()">

<option value=<%=css1地址%>selected>css1</option>

<!--默认css样式-->

<option value=<%=css2地址%>>css2</option>

<option value=<%=css3地址%>>css3</option>

</select></form>

只有多行select框才可修改height值,单行select是不能改变高度的。

比如下面的就可以:

<select style="width:300pxheight:200px" multiple>