Umfärbung von 2 Buttons

[Martina]

Hallo!

Ich habe 2 Buttons, die je nach gedrücktem Knopf gegengleich umgefärbt werden. Folgende Methode hat mit Konstant-Farben per style.background gut funktioniert.

Nun habe ich die Buttons mit einem Gradienten-Farben eingefärbt, und plötzlich gehts nicht mehr. Was ist hier das Problem?

  
<span id="knopf1" style="cursor:pointer; background-image: linear-gradient(#dfd, #7f7);"  
onmousedown="  
getElementById('knopf1').style.background-image = 'linear-gradient(#dfd, #7f7)'  
getElementById('knopf2').style.background-image = 'linear-gradient(#fff, #ccc)'  
">Knopf 1</span>  
  
<span id="knopf2" style="cursor:pointer; background-image: linear-gradient(#fff, #ccc);"  
onmousedown="  
getElementById('knopf1').style.background-image = 'linear-gradient(#fff, #ccc)'  
getElementById('knopf2').style.background-image = 'linear-gradient(#dfd, #7f7)'  
">Knopf 2</span>