怎样才能让form 的select的滚动条变色？

gelamohan 2002-11-21 11:54:23
帮帮我！
怎样才能让form 的select的滚动条变色？
很急~~~~
...全文
46 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
harryyang 2002-12-04
  • 打赏
  • 举报
 回复
接上
<TD STYLE="padding-left:5">
<SELECT ID="oFace" onchange="fnChange('face')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-highlight-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oHighlight" onchange="fnChange('highlight')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-shadow-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oShadow" onchange="fnChange('shadow')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
<TD>
<TABLE BORDERCOLOR="#AAAAAA" BGCOLOR="#FFFFFF" HEIGHT="100%">
<TR HEIGHT="100">
<TD BGCOLOR="#DDDDDD" STYLE="border-width:1; border-style:solid; padding-left:5; padding-right:5">
<H3 ALIGN="center">Scrollbar Color Properties</H3>
Modify the text using the controls on the lower left portion of this window. The code used to generate the text is shown in the area below.<BR>
</TD>
</TR>
<TR HEIGHT="*">
<TD BGCOLOR="#FFFFFF" VALIGN="top">
<!-- Display generated HTML code here -->
<SPAN ID="code" STYLE="height:100%; width:100%; overflow-y:auto;">
<HTML><BR>
<HEAD><BR>
  <STYLE><BR>
    .TA {<SPAN ID="s3d1">scrollbar-3d-light-color:</SPAN><SPAN ID="s3d2"></SPAN>;<BR>
           <SPAN ID="sArrow1">scrollbar-arrow-color:</SPAN><SPAN ID="sArrow2"></SPAN>;<BR>
           <SPAN ID="sBase1">scrollbar-base-color:</SPAN><SPAN ID="sBase2"></SPAN>;<BR>
           <SPAN ID="sDark1">scrollbar-dark-shadow-color:</SPAN><SPAN ID="sDark2"></SPAN>;<BR>
           <SPAN ID="sFace1">scrollbar-face-color:</SPAN><SPAN ID="sFace2"></SPAN>;<BR>
           <SPAN ID="sHighlight1">scrollbar-highlight-color:</SPAN><SPAN ID="sHighlight2"></SPAN>;<BR>
           <SPAN ID="sShadow1">scrollbar-shadow-color:</SPAN><SPAN ID="sShadow2"></SPAN>}<BR>
  </STYLE><BR>
</HEAD><BR>
<BODY><BR>
  <TEXTAREA cols=30 rows=5 wrap=off CLASS="TA">This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.<BR>
This is text inside a TEXTAREA element.<BR>
You can change the color of the scrollbars for this element with the controls below.</TEXTAREA><BR>
</BODY><BR>
</HTML><BR>
</SPAN>
<!-- Use for "Copy to Clipboard" function -->
<TEXTAREA ID="taCode" STYLE="display:none;"></TEXTAREA>
</TD>
</TR>
<TR>
<TD BGCOLOR="#DDDDDD" STYLE="border-width:1; border-style:solid; padding-left:5; padding-right:5" HEIGHT="20">
<BUTTON STYLE="width:160; margin-top:3; margin-bottom:3;" onclick="copy2Clipboard();">Copy Code to Clipboard</BUTTON>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- DOCUMENT CONTENT END -->
</DIV>
</BODY>
</HTML>
harryyang 2002-12-04
  • 打赏
  • 举报
 回复
接上
<STYLE>
P { margin-top: .6em;
margin-bottom: .6em;
}

BODY { margin-left: 0pt;
margin-top: 0pt;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, MS Sans Serif;
}

H1 { font-size: 145%;
margin-top: 1.35em;
margin-bottom: .5em;
}

PRE { font-family: Courier New;
font-size: 130%;
background: #EEEEEE;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0pt;
padding-top: 5pt;
padding-bottom: 5pt;
padding-left: 5pt;
padding-right: 5pt;
}

TABLE { font-size: 100%; }

TR { vertical-align: top; }

TD { margin: 3pt; }

</STYLE>
<!-- END_CLIENT_STYLE -->
</HEAD>
<!--TOOLBAR_START-->
<!--TOOLBAR_EXEMPT-->
<!--TOOLBAR_END-->

<BODY TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" BGCOLOR="#FFFFFF">

<DIV CLASS="clsDocBody">
<!-- DOCUMENT CONTENT START -->
<P>
<TABLE BORDER="2" BGCOLOR="#DDDDDD" WIDTH="100%">
<TR>
<TD VALIGN="TOP">
<TABLE WIDTH="401">
<TR>
<TD BACKGROUND="graygrid.gif" ALIGN=CENTER VALIGN="CENTER" BGCOLOR="#EEEEEE" HEIGHT="300" WIDTH="400">
<TEXTAREA cols=30 rows=5 wrap=off ID="oTextArea">This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.
This is text inside a TEXTAREA element.
You can change the color of the scrollbars for this element with the controls below.</TEXTAREA>
</TD>
</TR>
<TR BGCOLOR="#DDDDDD">
<TD ALIGN="CENTER"><BR>
<TABLE BGCOLOR="#DDDDDD" CELLPADDING="2">
<TR>
<TD ALIGN="RIGHT">scrollbar-3d-light-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="o3d" onchange="fnChange('3d')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-arrow-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oArrow" onchange="fnChange('arrow')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-base-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oBase" onchange="fnChange('base')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-dark-shadow-color
</TD>
<TD STYLE="padding-left:5">
<SELECT ID="oDark" onchange="fnChange('dark')">
<OPTION VALUE="" SELECTED>none</OPTION>
<OPTION STYLE="color:aqua" VALUE="aqua">aqua</OPTION>
<OPTION STYLE="color:blue" VALUE="blue">blue</OPTION>
<OPTION STYLE="color:chartreuse" VALUE="chartreuse">chartreuse</OPTION>
<OPTION STYLE="color:darksalmon" VALUE="darksalmon">darksalmon</OPTION>
<OPTION STYLE="color:fuchsia" VALUE="fuchsia">fuchsia</OPTION>
<OPTION STYLE="color:gold" VALUE="gold">gold</OPTION>
<OPTION STYLE="color:hotpink" VALUE="hotpink">hotpink</OPTION>
<OPTION STYLE="color:khaki" VALUE="khaki">khaki</OPTION>
<OPTION STYLE="color:lightsalmon" VALUE="lightsalmon">lightsalmon</OPTION>
<OPTION STYLE="color:magenta" VALUE="magenta">magenta</OPTION>
<OPTION STYLE="color:orange" VALUE="orange">orange</OPTION>
<OPTION STYLE="color:palegreen" VALUE="palegreen">palegreen</OPTION>
<OPTION STYLE="color:teal" VALUE="teal">teal</OPTION>
<OPTION STYLE="color:tomato" VALUE="tomato">tomato</OPTION>
<OPTION STYLE="color:yellow" VALUE="yellow">yellow</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">scrollbar-face-color
</TD>
harryyang 2002-12-04
  • 打赏
  • 举报
 回复
誰說不可能.看看下面例子
<HTML>
<HEAD>
<!-- START_CLIENT_SCRIPT -->
<SCRIPT LANGUAGE="JScript">

function copy2Clipboard() {
// Copies currently displayed code to user's clipboard
taCode.innerText = code.innerText;
textRange = taCode.createTextRange();
textRange.execCommand("RemoveFormat");
textRange.execCommand("Copy");
}
-->
</SCRIPT>
<SCRIPT LANGUAGE="VBSCRIPT">
<!--

function fnReset()
// Unbold all spans
s3d1.style.fontWeight = "normal"
s3d2.style.fontWeight = "normal"
sArrow1.style.fontWeight = "normal"
sArrow2.style.fontWeight = "normal"
sBase1.style.fontWeight = "normal"
sBase2.style.fontWeight = "normal"
sDark1.style.fontWeight = "normal"
sDark2.style.fontWeight = "normal"
sFace1.style.fontWeight = "normal"
sFace2.style.fontWeight = "normal"
sHighlight1.style.fontWeight = "normal"
sHighlight2.style.fontWeight = "normal"
sShadow1.style.fontWeight = "normal"
sShadow2.style.fontWeight = "normal"

end function

function fnChange(sInProp)

fnReset()

Select Case sInProp

Case "3d"
oTextArea.style.scrollbar3dLightColor = _
o3d.options(o3d.selectedIndex).value
s3d2.innerText = o3d.options(o3d.selectedIndex).value
s3d2.style.fontWeight = "bold"
s3d1.style.fontWeight = "bold"

Case "arrow"
oTextArea.style.scrollbarArrowColor = _
oArrow.options(oArrow.selectedIndex).value
sArrow2.innerText = oArrow.options(oArrow.selectedIndex).value
sArrow2.style.fontWeight = "bold"
sArrow1.style.fontWeight = "bold"

Case "base"
oTextArea.style.scrollbarBaseColor = _
oBase.options(oBase.selectedIndex).value
sBase2.innerText = oBase.options(oBase.selectedIndex).value
sBase2.style.fontWeight = "bold"
sBase1.style.fontWeight = "bold"

Case "dark"
oTextArea.style.scrollbarDarkShadowColor = _
oDark.options(oDark.selectedIndex).value
sDark2.innerText = oDark.options(oDark.selectedIndex).value
sDark2.style.fontWeight = "bold"
sDark1.style.fontWeight = "bold"

Case "face"
oTextArea.style.scrollbarFaceColor = _
oFace.options(oFace.selectedIndex).value
sFace2.innerText = oFace.options(oFace.selectedIndex).value
sFace2.style.fontWeight = "bold"
sFace1.style.fontWeight = "bold"

Case "highlight"
oTextArea.style.scrollbarHighlightColor = _
oHighlight.options(oHighlight.selectedIndex).value
sHighlight2.innerText = oHighlight.options(oHighlight.selectedIndex).value
sHighlight2.style.fontWeight = "bold"
sHighlight1.style.fontWeight = "bold"

Case "shadow"
oTextArea.style.scrollbarShadowColor = _
oShadow.options(oShadow.selectedIndex).value
sShadow2.innerText = oShadow.options(oShadow.selectedIndex).value
sShadow2.style.fontWeight = "bold"
sShadow1.style.fontWeight = "bold"

End Select

end function

'-->
</SCRIPT>
aduuchin 2002-12-04
  • 打赏
  • 举报
 回复
不可能
ASP.NET常用代码
myDeleteButton.Attributes.Add("onclick","return confirm('您是否确定要删除这条信息');"); break; default: break; } } 5.点击表格行链接另一页 private void grdCustomer_ItemDataBound(object sender, ...
ASP.NET程序中常用的三十三种代码.txt
id="+this.DropDownList1.SelectIndex+"&id1="+...+"’)</script>") 　接收参数： string a = Request.QueryString("id"); string b = Request.QueryString("id1"); 　2.为按钮添加对话框 Button1.Attributes....
C#编程经验技巧宝典
C#编程经验技巧宝典源代码，目录如下： 第1章　开发环境　1 <br>1.1　Visual Studio开发环境安装与配置　2 <br>0001　安装Visual Studio 2005开发环境须知　2 <br>0002　配置合适的Visual Studio 2005...
Html技巧
如内容超出单元格，则隐藏 style="TABLE-LAYOUT: fixed"让弹出窗口总是在最上面: 不要滚动条? 让竖条没有: 让横条没有: 两个都去掉？更简单了 怎样去掉图片链接点击后，图片周围的虚线？ 电子邮件处理提交表单 在...
40个网页设计小技巧
1.如何控制横向和纵向滚动条的显隐？ 去掉x轴滚动条 去掉y轴滚动条不显2.表格变色onmouseout="this.style.backgroundColor=" style="CURSOR: hand"> 3.禁止复制，鼠标拖动选取onselectstart=event.returnValue=...
JavaScript

87,975

社区成员

224,702

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章