I was wondering how the styles for the standard html buttons were written, b/c they seem to have a second "inner" border that is shown in an orangish color when the mouse is hovered over it. I would like to add a class to the standard button to make it look a little better, but I wanted to try and keep that same effect, but I am not sure how to do it.
Another effect I was trying to do is to add a drop shadow to the button (borders on bottom and right sides), but I already have a border defined, so I am not sure if this is possible or not.
I am trying to come up with a cross-browser solution for the newer browsers (no NN 4.x).You would have to wrap a div around the button to create the second border/drop-shadow.That helps does help me do what I want to do, but does anyone know of a way to do what I am trying to do with one or more classes that can be applied to the button itself, instead of having to wrap every button in a div or span tag?Buttom examples: <!-- m --><a class="postlink" href="http://www.literarymoose.info/=/synopsis/button.xhtml">http://www.literarymoose.info/=/synopsis/button.xhtml</a><!-- m -->
You will need Mozilla to see this page.
Another effect I was trying to do is to add a drop shadow to the button (borders on bottom and right sides), but I already have a border defined, so I am not sure if this is possible or not.
I am trying to come up with a cross-browser solution for the newer browsers (no NN 4.x).You would have to wrap a div around the button to create the second border/drop-shadow.That helps does help me do what I want to do, but does anyone know of a way to do what I am trying to do with one or more classes that can be applied to the button itself, instead of having to wrap every button in a div or span tag?Buttom examples: <!-- m --><a class="postlink" href="http://www.literarymoose.info/=/synopsis/button.xhtml">http://www.literarymoose.info/=/synopsis/button.xhtml</a><!-- m -->
You will need Mozilla to see this page.