Question

我想将我的引导程序表单的样式更改为我自己的自定义css。所以，我在表单中创建了一个类，但是我对类的css所做的更改并没有改变表单的样式。

这是我的表格：

<li class="dropdown">
                  <a class="dropdown-toggle" href="#" data-toggle="dropdown"> <span class="glyphicon glyphicon-log-in"></span> Login</a>
                  <div class="dropdown-menu" style="padding: 5px; padding-bottom: 5px;">
                  <form  class="login-form" action="[YOUR ACTION]" method="post" accept-charset="UTF-8">
                  <input id="user_username" placeholder="Email" style="margin-bottom: 15px;" type="text" name="user_username" size="30" />
                  <input id="user_password" placeholder="Password" style="margin-bottom: 15px;" type="password" name="user_password" size="30" />
                  <input id="user_remember_me" style="float: left; margin-right: 10px;" type="checkbox" name="user_remember_me" value="1" />
                  <label class="string optional" for="user_remember_me"> Remember me</label>
                  <input class="btn btn-primary" style="clear: left; width: 100%; height: 32px; font-size: 13px;" type="submit" name="commit" value="Sign In" />
                  </form>
                  </div>
                </li>

这是我的css：

    .login-form {
    left:0px;
    right:0px;
    width:300px;
    margin:0 auto;
    background-color:#000000;
    padding:60px;
}

Answer 1

如果.login-form类来自外部样式表，则应确定浏览器正在加载样式表。在Chrome中，转到“查看”菜单，然后从“开发者”子菜单中选择“开发者工具”。对于大多数这些工具显示在浏览器的底部＆＃39;查看端口。单击Sources选项卡，然后单击您的CSS文件;如果你看到CSS那么样式正在加载。如果没有，则样式未加载，并且URL可能是指向样式表的问题。

此外，您应该在W3C验证程序中验证样式表，因为早期或更晚版本中的错误可能导致级联错误。常见的级联错误无法使用大括号正确关闭样式规则或使用分号终止属性的值。

表格类不起作用

1 个答案: