javascript - 如何从应用于 body 的css中排除特定形式

This question already has answers here:

How do I prevent CSS inheritance?

                                    （10个回答）


                                3年前关闭。


如果我的身体中有特定样式的form，并且我想将此form从此样式（身体样式）中排除。

<body>
    <form id="form1" runat="server">
        <div class="demo-containers">
            <div class="demo-container" id="decorationZone">
                <h4>Student Schedule</h4>

                <fieldset>
                    <legend>Registeration Number</legend>
                    <label for="<%= UsernameBox.ClientID %>" runat="server">RegNum:&nbsp;</label>
                    <asp:TextBox runat="server" ID="UsernameBox" Width="150px" TabIndex="7"></asp:TextBox>
                </fieldset>
            </div>
        </div>
    </form>
......
</body>

问题是：主体具有css，我希望此样式不应用于我的表单，

最佳答案

您可以覆盖不需要的样式。可以说您的身体有红色背景，因此在您的表单中只需将背景颜色覆盖为白色即可。我在下面创建了一个小演示。

Demo

body{
  background-color:red;
}
form{
  background-color:white;
}

CSS3继承模块中有一个名为all的属性。它是这样的：

form {
  all: default;
}