change color of field / tag when selected

[S²]

Hello,

is it possible to change the color of "published" and "tags" when selecting an entry in the search list:
(for "title" it is working fine...)

my Code:

<li class="tc-menu-list-item">
<$link to={{!!title}} tooltip="Titel: {{!!title}}">
<$view field="caption"><$view field="title"/></$view>
<small> --- </small>
<small style="color:rgba(144, 238, 144, 0.8)"><$view field="published" /></small>
<small> aus Gruppe: </small>
<small style="color:rgba(255, 201, 102, 0.8)"><$view field="tags"/></small>
</$link>
</li>

Thanks for feedback

Stefan

[Soren Bjornstad]

If you switch to using a CSS class rather than the inline style to handle your coloring, you can use an a:hover selector to apply different styling when the cursor is over the link, like this:

<li class="tc-menu-list-item">

<$link to={{!!title}} tooltip="Titel: {{!!title}}">

<$view field="caption"><$view field="title"/></$view>

<small> --- </small>

<small class="myclass"><$view field="modified" /></small>

<small> aus Gruppe: </small>

<small class="myclass"><$view field="tags"/></small>

</$link>

</li>

<style>

.myclass {

  color: rgba(255, 201, 102, 0.8)

}

a:hover .myclass {

  color: red;

}

</style>

You can also use .myclass:hover as the selector instead of a:hover.myclass, but then you have to hover directly over the text for the color to change, rather than anywhere on the link.

I am not sure if this would work with a drop-down and keyboard selection.

[Soren Bjornstad]

Note: On line 5, I switched the field from published to modified so I could test on TiddlyWiki.com and forgot to change it back. You probably want it to be published.

[S²]

Thanks a lot Soren - that's what I want.

I recognized line 5...

Perfect!