Link to home
Start Free TrialLog in
Avatar of sam15
sam15

asked on

webpage_button

What style atributes do  i use if i want to get a squared button with grey background similar to the default HTL submit button.

also, i want the button to changebe highlighted when user points to it to distinguish it from other buttons,

thanks,
ASKER CERTIFIED SOLUTION
Avatar of andrewbleakley
andrewbleakley
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of sam15
sam15

ASKER

i created a web page to see how this looks like. The grey is fine.
But when you click on the button it makes a border around it. I was thinking of creating some highlight to know that moues is over that button when user clicks it.

<style>
input.hbutton {
    border: 1px solid #CCC;
    padding:3px;
}
input.hbutton:hover {
    border: 1px solid #f00;
    background: #ff6;
}
</style>

<input type="submit" value="Submit" class="hbutton" />

the background should turn yellow when the mouse is over it. at least it does in all my browsers - sorry about the lousy colours I am a coder. Change the hex colour values to make it look more appropriate see http://html-color-codes.com/ for a better range of colours
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial