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.
On Wednesday, June 23, 2021 at 10:39:19 AM UTC-5 S² wrote:
>
> 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...)
> [image: search.png]
>
> 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
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/bf069b5c-8002-4e11-b157-fd36d3abde23n%40googlegroups.com.
