用javascript如何控制下拉列表的样式吗?请教!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test Doc</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<SCRIPT LANGUAGE="JavaScript">
<!--
function chickkey(){
event.srcElement.style.color = "#FF382d";
event.srcElement.style.backgroundColor = "#83382d";
event.srcElement.style.fontSize = 20;
event.srcElement.style.borderColor = "green";
event.srcElement.style.borderStyle = "solid";
event.srcElement.style.borderWidth = "2px";
}
//-->
</SCRIPT>
</head><body>
<form name="form1" id="form1">
<input type="button" onclick="chickkey()" value="click" style="color:red;background-color:yellow;border:solid 1px">
<select style="color:red;background-color:yellow;">
<option>1</option>
<option>2</option>
</select>
<input type="button" onclick="chickkey()" value="changeCSSByJavascript">
</form>
</body>
</html>