如何定义Select下拉框的边框颜色和滚动条样式

解决思路： 
Select下拉框的边框颜色和滚动条的样式都是无法直接定义的，但可以用层模拟出来。

具体步骤： 

方法一：只定义下拉框边框样式。 

 
  
  
  
  
  
 

方法二：定义边框和滚动条样式(通过用层来模拟实现)。 

  

 
 
 obj=event.srcElement 
if(obj.tagName=="TD"){//判断onmouseover事件是否发生在单元格上 
//设置事件发生所在的单元格的背景颜色 
   obj.style.backgroundColor="#dedede" 
//设置事件发生所在的单元格的字体颜色 
   obj.style.color="#FFFFFF" 
} 
 

 
 
 obj=event.srcElement 
if(obj.tagName=="TD"){        //判断onmouseout事件是否发生在单元格上 
//设置事件发生所在的单元格的背景颜色 
   obj.style.backgroundColor="#FFFFFF" 
   obj.style.color="#000000"//设置事件发生所在的单元格的字体颜色 
 } 
 

 
 
 obj=event.srcElement 
 if(obj.tagName=="TD"){  //判断onmouseover事件是否发生在单元格上 
    showHide()        //隐藏层 
//设置id为oSelect的对象内的文本为被点击的单元格内的文本 
    oSelect.innerText=obj.innerText 
//设置id为C_Select的对象内的值为被点击的 
//单元格的自定义属性value的值 
    C_Select.value=obj.value                       
    //window.open(obj.value)                  //测试跳转菜单功能 
  } 
  
 
  
  
  
  
 
 
下拉选项6  
  
  
  
  
  
 
 
  
 
 
 
 
 
 

  
  
 

注意：定义滚动条样式的效果需要IE5.5+的支持。