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
Post a Comment