这是几乎一样@Singh进行一些小改动,使之成为更灵活一点,它可以让你有多个选择更改颜色。
CSS
.red {
color: darkred;
background-color: red;
}
.purple {
color: darkmagenta;
background-color: magenta;
}
.yellow {
color: darkkhaki;
background-color: yellow;
}
.aqua {
color: mediumaquamarine;
background-color: aqua;
}
.blue {
color: lightblue;
background-color: blue;
}
.green {
color: lightgreen;
background-color: green;
}
HTML
select
Red
Purple
Yellow
Aqua
Blue
Green
select
Red
Purple
Yellow
Aqua
Blue
Green
JS
function colourFunction(pos) {
pos.className = pos[pos.selectedIndex].className;
pos.blur();
}