在网页中怎么改变下拉菜单(就是<select></select>)的颜色?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在网页中怎么改变下拉菜单(就是<select></select>)的颜色?相关的知识,希望对你有一定的参考价值。

网页中可下拉菜单,默认的是蓝色的
请详细一些!!

<span style="POSITION:absolute;border:1px solid #F00 ">
<select name="select" style=" margin:-2px; ">
<option style="background-color:#666600;color:#FFFFFF;">下拉菜单</option>
<option style="background-color:#666600; color:#FFFFFF">下拉菜单</option>
<option style="background-color:#666600; color:#FFFFFF">下拉菜单</option>
</select></span>
参考技术A 通过select的style可以设置下拉框的一些属性,如果设置背景色的话,可以这样写:

<select name=tt1 style="background-color:red;">
<option value=1>111</option>
<option value=2>222</option>
<option value=3>333</option>
</select>
参考技术B 在CSS里面设置。
background-color
参考技术C 在css里添上
select background-color: #e9f2f8

颜色任意改
参考技术D <style>
SELECT

FONT-SIZE: 12px;
FONT-FAMILY: "宋体","Verdana";
BACKGROUND-COLOR: #FFFFF0;
color: #003366;
MARGIN-LEFT: 3px;

</style>
放在网页中就ok

或者
<style>
.SelectMode

margin: -2px;
FONT-SIZE: 12px;
FONT-FAMILY: "宋体","Verdana";
BACKGROUND-COLOR: #FFFFFF;
z-index: -1;
color: #003366;
MARGIN-LEFT: 3px;

</style>
可以用于单个select框,这样引用:
<select class="SelectMode">
...
</select>本回答被提问者采纳

JSP中怎样将数据库中的数据显示在网页的下拉菜单中

就是数据库中某个表中的一列数据显示在JSP页面的下拉菜单中

这是我自己以前做的,使用javaBean
<jsp:useBean id="userBean" scope="page" class="selfteachweb.conn"/>

把数据库里的数据在跳转下拉菜单中显示
<form name="teachcourse">
<select name="courselist" onChange="MM_jumpMenu('self',this,0)">
<%
String sql="select CouName from Courses,Teachers where Teachers.NickName=Courses.NickName and Teachers.NickName='"+session.getAttribute("username")+"'";
ResultSet RS=userBean.executeQuery(sql);
while(RS.next())
%>
<option value="courseteach.jsp" selected><%=RS.getString("CouName")%></option>
<%
RS.close();
%>
</select>
</form>

把里面的数据库和需要跳转的页面改一下就OK了
参考技术A 不考虑使用javaBean的, 直接在jsp页面中插入java代码的方式来解决:
<%
List datas = .....//从数据库中获取到数据集合
%>

<select name="">
<%
for(.....)//遍历集合
获取集合元素
%>
<option value=""><%=%></option>
<%%>
</select>
参考技术B 楼上的兄弟已经说的很清楚了~
还有不明白的请补充吧~!!

以上是关于在网页中怎么改变下拉菜单(就是<select></select>)的颜色?的主要内容,如果未能解决你的问题,请参考以下文章

下拉菜单选中后还是显示默认值

网页下拉菜单怎么制作

网页下拉菜单怎么设置

js中怎么获得本页下拉菜单选定的值

网页中用DIV CSS控制下拉菜单怎么实现

自定义Spinner下拉菜单(下拉列表框)样式