asp:Button css样式问题,想模仿我的a.button类的确切css

时间:2011-08-28 22:25:12

标签: asp.net css

我在将样式应用于asp:按钮时遇到了一些困难。我在这里看了几篇帖子,似乎无法应用人们对我的情况所说的话。

我的href标签有以下css设置。

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; }

但是我有一个asp:按钮,它已经连接到一些登录爵士乐,我想要应用完全相同的风格,但似乎无法让我的风格工作。

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

1 个答案:

答案 0 :(得分:1)

尝试以下方法:

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; }    

如果希望链接和按钮的行为方式类似,您可能还需要将cursor:pointer;样式添加到第一个定义中。

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