删除validation-summary-errors中的<ul> <li>标记</li> </ul>

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>

现在我要覆盖类＆＃34; validation-summary-errors＆＃34;摆脱＆＃39; ul＆＃39; ＆＃39;利＆＃39;如果在＆＃34; span＆＃34;中包含上述错误消息中的if;标签。所以我有如下代码：

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

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

谢谢

Answer 1

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

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