Apologies if this is a duplicate post. I am having trouble finding a solution to my issue. I have a div tag that includes 2 ASPXButtons. When the code is run, it renders an input[type="submit"] tag. The first input tag works fine, but the last one can't inherit CSS. Here is my code:
ASPX
<div class="loginButton">
<div style="float:left; margin-left:-9px;">
<input type="checkbox" id="on_off" name="remember" class="on_off_checkbox" value="1" />
<span class="f_help">Remember me</span>
</div>
<div class="pull-right" style="margin-right:-8px;">
<div class="btn-group">
<dx:ASPxButton AutoPostBack="false" ID="but_login" CssClass="btn" Native="true" EnableDefaultAppearance="false" runat="server" Text="Login">
</dx:ASPxButton>
<dx:ASPxButton ID="forgetpass" CssClass="btn" Native="true" EnableDefaultAppearance="false" runat="server" Text="Forget Pass"></dx:ASPxButton>
</div>
</div>
<div class="clear"></div>
</div>
CSS
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
}
Can anyone spot what's wrong in my code?