用下拉框选择CSS的代码如何写

html-css012

用下拉框选择CSS的代码如何写,第1张

将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>

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

就像文本输入框<input>样式改变一样 我要改变的是<select><option></option></select>标签下拉框的样式 另外补充一点 我不要作成模拟下拉框 不要看且麻烦(除非你有很简单的模拟下拉框~HOHO~)谢谢大家!对不起,上次我问错了地方,现在只有这6分了

解析:

例一:

<select name=select size="1" class="page_speeder_1165166956">

<option value="2" selected>yesky</option>

<option value="1">redidea</option>

</select>

查一下手册,还有好多项可以设置.

例二:

<>

<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: 14pxcolor: #909993

border-style: none

border-width: 0px

}

</style>

</head>

<body>

<div class = box><div class = box2>

<select size = "1" name = "D1">

<option>内容一</option>

<option>内容二</option>

</select>

</div></div>

</body>

</>

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>