1

对不起，如果我的帖子重复。我找不到我的问题的解决方案。我有包含 2 个 ASPXButton 的 div 标签。它在运行代码时呈现 input[type="submit"] 标签。第一个输入标签工作良好，最后一个输入标签不能继承css。这是我的代码：

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

那么我的代码有什么问题？

4

4 回答 4

0

CSS 中的类与 Asp 代码中的类不匹配。

于 2013-06-29T09:14:09.433 回答
0

尝试这个

<style type="text/css">
    .btn-group > .btn: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:last-child
    {
        -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;
    }
</style>
于 2013-06-29T09:53:09.893 回答
0

向第二个 div 添加一个 CssClass，例如。

<dx:ASPxButton ID="forgetpass" CssClass="btn newClass" Native="true" EnableDefaultAppearance="false" runat="server" Text="Forget Pass"></dx:ASPxButton>

然后添加css

.newClass
{
//your code
}
于 2013-06-29T10:33:52.567 回答
0

您可以通过 css 遵循这个概念......

input[type="checkbox"]:last-child {margin-left:20px;}

input[type="radio"]:last-of-type:checked:after{background-color:#000;}

请重点关注 :last-of-type

于 2018-06-15T11:43:27.300 回答