-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

必要な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 に答える
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 に答える