css - 在 validation-summary-errors 中移除 标签

Question

我有这个网站，错误消息是这种格式

<div class="validation-summary-errors">
    <span>Password change was unsuccessful. Please correct the errors and try again.</span>
    <ul>
        <li>The current password is incorrect or the new password is invalid.</li>
    </ul>
</div>

现在我想重写“validation-summary-errors”类，以去除“span”标签内上述错误消息中的“ul”“li”。所以我有如下代码，如下所示:

<style type="text/css">
    .validation-summary-errors li { 
        list-style: none;
        margin: 0;
        padding: 5px -10px 5px 0px;
    }
</style>

但上面的代码似乎不起作用。如何解决此问题。

谢谢

Answer 1

在 ul 而不是 li 上应用 list-style 属性。所以尝试这样的事情

.validation-summary-errors ul { 
        list-style: none;
        margin-left:-40px
    }