Rendering of inline field HTML for styling by it's name

[AntonAL]

I'm using fields to track date in format (date:: 2025.02.23)

I need to apply CSS styles only to these date fields.

I see following HTML

<span class="dataview inline-field" contenteditable="false">
  <span class="dataview inline-field-standalone-value">2025.02.23</span>
</span>

It's impossible to target CSS rules to "date" fields, because there is no attributes rendered

Describe the solution you'd like

Add new attribute "data-name" to wrapper span:

<span class="dataview inline-field" contenteditable="false" data-name="date">
  <span class="dataview inline-field-standalone-value">2025.02.23</span>
</span>

[holroy]

I will implement this soon, as I've thought about it for some time. Until that happens I've successfully used [key:: value], and then just hide the key part, and style the value part to my liking.

body .inline-field-key[data-dv-key="bt"] {
  display: none;

  & + .inline-field-value {
    background-color: var(--background-primary);
    color: #ddddc5;

    &::after {
      content: "𝐭";
    }
  }
}

In this example I've changed the colors related to the bt's value, and added a unit of 𝐭. This in addition to hiding the actual key of bt.