删除<ul> <li> 验证摘要错误中的标记

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'，在上面的错误消息中有if行在"span"标签内。所以我有如下代码:

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

Answer 2

您想使span和ul/li消息内联吗?

尝试以下操作:

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