CSS问题 请问option的选择框可以设置成圆角吗?

html-css031

CSS问题 请问option的选择框可以设置成圆角吗?,第1张

border-radius属性是CSS3提供的,如果按照下面代码设置还是不行,你就要看看是不是你浏览器版本太低,建议使用新版本谷歌和火狐浏览器测试

<option value="0" style="border: 1px solid #000width: 100pxborder-radius:5px">苹果</option>

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