有背景的下拉活动菜单用css怎么定义？

html-css013

有背景的下拉活动菜单用css怎么定义？,第1张

<HTML><HEAD><META http-equiv="Content-Type" content="text/htmlcharset=gb2312"><TITLE>改变页面风格</TITLE><LINK id="1" type="text/css" rel="stylesheet" href="style/mr.css" ></HEAD><BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><TABLE width="90%" border="0" cellspacing="0" cellpadding="0" align="center"><TR><TD>选择界面风格：<SELECT onChange="document.styleSheets[0].href=this.options[this.selectedIndex].value+'.css'" > <OPTION value="Style/mr" selected>默认风格</OPTION> <OPTION value="Style/red">粉红风情</OPTION> <OPTION value="Style/blue1">蓝色天空</OPTION> <OPTION value="Style/block1">灰暗忧郁</OPTION> <OPTION value="Style/green">绿色地带</OPTION><OPTION value="Style/blue">蓝色港湾</OPTION><OPTION value="Style/block">黑白相间</OPTION></SELECT></TD></TR></TABLE></BODY></HTML>

一般写一个单独样式，

比如

.on{background：blue}

然后把这个样式加到你想做选中状态的li就可以啦，如果你想做到点哪个，哪个变蓝背景，那就用js动态添加这个样式吧