css - 移除 验证摘要错误中的标记

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”以摆脱“ul”“li”在“span”标签内的上述错误消息中的if行。所以我有以下代码，如下所示：

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

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

谢谢

Answer 1

在not上应用list-style属性。所以尝试这样的事情ulli

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

Answer 2

您想让spanand ul/li消息内联吗？

尝试以下操作：

.validation-summary-errors ul, .validation-summary-errors li { 
    list-style: none;
    display: inline;
    padding: 0;
}