asp:Button css style issue, want to mimick exact css of my a.button class

Question

I'm having some difficulties applying styles to an asp:button. I've read a few posts on here and can't seem to apply what people are saying to my situation.

I have the following css setup for my href tags.

a.button { padding:6px;background:#4A6491;color:#FFF; border-radius: 10px 10px 10px 10px;margin:10px 2px;text-decoration:none;font-size:12px;text-transform:uppercase;font-weight:bold;border:2px solid transparent; }
a.button:hover { border:2px solid #fff; }

however I have an asp:button that is already wired up to do some login jazz that I would like to apply the exact same style but can't seem to get my styles to work.

<asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" ValidationGroup="LoginUserValidationGroup"  />

jdavies · Accepted Answer · 2011-08-28 22:45:03Z

1

Try the following:

a.button, input[type=submit] { padding:6px;background:#4A6491;color:#FFF; border-radius: 10px 10px 10px 10px;margin:10px 2px;text-decoration:none;font-size:12px;text-transform:uppercase;font-weight:bold;border:2px solid transparent; }
a.button:hover, input[type=submit]:hover { border:2px solid #fff; }

If wish to make the link and button behave in a similar fashion you may also want to add the cursor:pointer; style to the first definition.

a.button, input[type=submit] { cursor:pointer; .... }

edited Aug 28, 2011 at 22:45

answered Aug 28, 2011 at 22:34

jdavies

12.9k3 gold badges35 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dylan Hayes Over a year ago

Right on the money, did exactly what i wanted it to! thank you!

Collectives™ on Stack Overflow

asp:Button css style issue, want to mimick exact css of my a.button class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related