I have a form embedded in my page using the HTML-CODE object. The form elements have CSS styling by using the style tag, so I have changed the visual appearance of the Send button to look more like a button with bigger font, border, background and hand pointer this way:
<input type="submit" name="Send" value="Send" style="border: 2px solid #888888; height: 30px; width: 60px; font-size: 20px; background-color: #C8C8C8; cursor: pointer;" />
But I also want to alter the appearance when the mouse pointer is hovering it, maybe by changing the colours of border and background but I don't know how to do this within the style tag. I tried something like this:
<input type="submit" name="Send" value="Send" style="border: 2px solid #888888; height: 30px; width: 60px; font-size: 20px; background-color: #C8C8C8; cursor: pointer; input.button:hover {border: #000000; background-color: #FFFFFF;}" />
But it doesn't work. Any ideas?
