Php 如何使用twig更改表中列数据的颜色? {items%]中的项的% {{item.generated_on | date('dm,Y')| default(“”}} {{item.number} {%用于项中的详细信息。详细信息%} {{detail.label} {%endfor%}

Php 如何使用twig更改表中列数据的颜色? {items%]中的项的% {{item.generated_on | date('dm,Y')| default(“”}} {{item.number} {%用于项中的详细信息。详细信息%} {{detail.label} {%endfor%},php,twig,Php,Twig,我还想更改details.label字段的颜色及其样式。 详细信息是一个包含标签和一些其他字段的对象。 提前感谢Twig isi Beck End模板,它与css几乎没有任何关系。你们可以做的事情就是在浏览器上查看你们的html源代码,并根据它创建css文件 {% for item in items %} <tr> <td > {{item.generated_on| date

我还想更改details.label字段的颜色及其样式。 详细信息是一个包含标签和一些其他字段的对象。
提前感谢Twig isi Beck End模板,它与css几乎没有任何关系。你们可以做的事情就是在浏览器上查看你们的html源代码,并根据它创建css文件

{% for item in items %}
            <tr>
                <td >
                    {{item.generated_on| date('d M, Y')| default("")}}
                </td>

                <td>
                    {{item.number}}
                </td>

                <td>
                    <ul>
                        {% for detail in item.details %}
                            <li>
                                {{detail.label}}
                            </li>
                        {% endfor %}
                    </ul>
                </td>
            <tr>

或者,如果您可以控制更改
detail.label
,则可以更改其html结构。

请打印
detail.label
的实际渲染输出。details.label是文本
{% for detail in item.details %}
    <li>
        <span class="colored-label"> {{detail.label}} </span>
    </li>
{% endfor %}
.colored-label {
    color: #ccc;
    /* other styles */
}