c# - Cannot get my Html <input> button to default to my chosen color -


i've written menu class default color #029bd5. using html methods i've got menu options changing colour mouse passes on them.

<style type="text/css">     .over {background-color:white;}     .out {background-color:#029bd5;} </style> <html>     <input type="button" style="height:30px;width:200px;position:absolute;          left:150px;top:3px" onmouseover="this.classname='over';"         onmouseout="this.classname='out';" onmousedown="this.classname='down';"          onmouseup="this.classname='up';" value="menu option 1"          onclick="this.value='option 1 selected'" />     <input type="button" style="height:30px;width:200px;position:absolute;          left:150px;top:33px" onmouseover="this.classname='over';"          onmouseout="this.classname='out';" onmousedown="this.classname='down';"          onmouseup="this.classname='up';" value="menu option 2"          onclick="this.value='option 2 selected'" />     <input type="button" style="height:30px;width:200px;position:absolute;          left:150px;top:63px" onmouseover="this.classname='over';"          onmouseout="this.classname='out';" onmousedown="this.classname='down';"          onmouseup="this.classname='up';" value="menu option 3"          onclick="this.value='option 3 selected'" />   </html>  

the menu options start out grey change right colour when mouse passes on (white , #029bd5)

i've tried setting color on each button colour never changes, missing?

i think on thought it: demo

<input type="button" value="button 1"  /> <input type="button" value="button 2"  /> <input type="button" value="button 3"  /> 

and css

input[type="button"]{     background-color:#029bd5; }  input[type="button"]:hover{     background-color:white;} } 

Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -