删除validation-summary-errors中的<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',使得在"span"标记内的上述错误消息中包含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;
}