changing button appearance onmouseover

[vikishop]

can anyone tell me how to change the appearance of my button using onmouseover.

I want to change the border to "inset"

I am using the following code for my button.


<button style="background-color:silver; border: outset" onClick="window.open('benelli.htm', 'new')" onMouseover=""><b>BUTTON UP</b></button>

[Mr J]

Please try the following


<style>
.def {background-color:silver; border: outset}
.over {background-color:silver; border: inset}
</style>

<button class="def" onClick="window.open('benelli.htm', 'new')" onMouseover="this.className='over'" onMouseout="this.className='def'"><b>BUTTON UP</b></button>