下拉框 选择不变色？

Question

颜色下拉框，选中变成蓝色，把我本来的颜色都挡住了，有没有办法让鼠标移上去后只有虚线边框，不变色啊。
<select size= "1" name= "D1 "> 
<option selected> 选择颜色 </option> 
<option style= "background-color:#f00;" value="#f00"></option> 
<option style= "background-color:#0f0;" value="#0f0"></option> 
<option style= "background-color:#00f;" value="#00f"></option> 
<option style= "background-color:#000;" value="#000"></option> 
<option style= "background-color:#ff0;" value="#ff0"></option> 
<option style= "background-color:#808080;" value="#808080"></option> 
<option style= "background-color:#FFB6C1;" value="#FFB6C1"></option> 
<option style= "background-color:#FFA500;" value="#FFA500"></option> 
<option style= "background-color:#6A5ACD;" value="#6A5ACD"></option> 
<option style= "background-color:#C0FF3E;" value="#C0FF3E"></option> 
<option style= "background-color:#BFEFFF;" value="#BFEFFF"></option> 
<option style= "background-color:#A52A2A;" value="#A52A2A"></option> 
<option style= "background-color:#6E8B3D;" value="#6E8B3D"></option> 
<option style= "background-color:#CD5B45;" value="#CD5B45"></option> 
<option style= "background-color:#D15FEE;" value="#D15FEE"></option> 
</select> 

Answer 1

up   
不过你可以不现加颜色
在js里改变标签属性颜色
bgColor

Answer 2

<script>
  var oColorList = document.getElementById("color");
  var arrColor = oColorList.getElementsByTagName("option");
  for(var i=0;i < arrColor.length;i++){
    arrColor[i].onmouseover = function(){
  this.style.border = "2px solid black";
}
arrColor[i].onmouseout = function(){
  this.style.border = "";
}
  }
</script>加边框

Answer 3

你传个值去JS 代码中 在JS 中改变属性不就行了 ?