How to add inline CSS style in Custom Text of Views?

I have already setup fields for user to input color code (e.g. "#123000") to a content type. Now I need to modify the inline style color / background-color with the given value. I tried to do this in my Custom Text field:

    <div class="box" style="color: {{ color_field }}">
        <h2>{{ title }}</h2>
        <span class="description">{{ body }}</span>
    </div>

But the rendered output would become:

    <div class="box">
        <h2>Dummy</h2>
        <span class="description">Some dummy description...</span>
    </div>

I went as far as creating my own Twig function implementation:

    <div class="box" {{ my_dummy_function(color_field) }}>
        <h2>{{ title }}</h2>
        <span class="description">{{ body }}</span>
    </div>

The function would supposedly output style="color: color_field_value", but the whole attribute would be "eaten" by Drupal's rendering chain. Even adding a | raw filter after that would not change a thing.

    <div class="box">
        <h2>Dummy</h2>
        <span class="description">Some dummy description...</span>
    </div>

In desperate, I modified my dummy Twig function to output hello="world", and the attribute would be rendered normally:

    <div class="box" hello="world">
        <h2>Dummy</h2>
        <span class="description">Some dummy description...</span>
    </div>

But if it output something like hello="color: world":

    <div class="box" hello=" world">
        <h2>Dummy</h2>
        <span class="description">Some dummy description...</span>
    </div>

So it seems there are some keyword-based filtering going on. And I can't seem to have a way to render anything resembling inline CSS. Is there anyway I can achieve my goal?

Aceasta este o problemă pe care am întâlnit-o de multe ori și, personal, nu am avut niciodată noroc să scot stiluri inline într-un câmp Vizualizări care a fost rescris prin interfața de utilizare.

Soluția mea a fost întotdeauna să creez un fișier șablon care să-și asume responsabilitatea pentru redarea câmpurilor de vizualizare, deoarece aceasta vă permite să utilizați stiluri inline.

În cazul dvs., puteți avea fișierul în folderul /șabloane ale temei dvs. (le am într-un subdirector /views), cu un nume de fișier ca:

vizualizări-view-fields--your-view-name.html.twig

Atunci ar trebui doar să modificați ușor marcajul pe care îl aveți deja:

<div class="box" style="color: {{ fields.field_color_field.content }}">
    <h2>{{ fields.title.content }}</h2>
    <span class="description">{{ fields.body.content }}</span>
</div>