-1

我的列表：

<ul style="list-style:disc;">
    <li style="color:Red; margin-left: 7px; font-weight:bold; text-decoration:underline;">Отказано</li>
    <li style="color:#ADD8E6; margin-left: 7px; font-weight:bold; text-decoration:underline;">Установлено</li>
    <li style="color:#6B8E23; margin-left: 7px; font-weight:bold; text-decoration:underline;">Установлен частично</li>
    <li style="color:#B8860B; margin-left: 7px; font-weight:bold; text-decoration:underline;">Тестируется</li>
    <li style="color:#ADFF2F; margin-left: 7px; font-weight:bold; text-decoration:underline;">Готов</li>
</ul>

但是列表中带有颜色的文本。

4

2 回答 2

0

试试下面的代码，它会帮助你...

<html>
    <head>
    <style type="text/css">
        ul.specials li p { color:black; }
    </style>
    </head>
    <body>

<ul style="list-style:disc;" class="specials">
    <li style="color:Red; margin-left: 7px; font-weight:bold; text-decoration:underline;"><p>Отказано</p></li>
    <li style="color:#ADD8E6; margin-left: 7px; font-weight:bold; text-decoration:underline;"><p>Установлено</p></li>
    <li style="color:#6B8E23; margin-left: 7px; font-weight:bold; text-decoration:underline;"><p>Установлен частично</p></li>
    <li style="color:#B8860B; margin-left: 7px; font-weight:bold; text-decoration:underline;"><p>Тестируется</p></li>
    <li style="color:#ADFF2F; margin-left: 7px; font-weight:bold; text-decoration:underline;"><p>Готов</p></li>
</ul>
    </body>
</html>
于 2013-01-23T04:22:25.203 回答
0

您应该为所需的 li 颜色添加一个类，然后为文本颜色设置一个跨度：

ul li {
    list-style-type: disc;
    margin-left: 2em;
}

li.a {
    color: red;
}

li.b {
    color: #ADD8E6;
}

li.c {
    color: #6B8E23;
}

ul li span {
    color: black;
    text-decoration: underline;
}

看到这个jsFiddle

于 2013-01-23T04:26:24.270 回答