Yea, to style only the active button you could use something like
.tc-radio-selected {background:lightgreen; }
I don´t know how to target only the little circle so if you don´t want the
label to not have that background then you can recolor it.
.tc-radio-selected span {background:white;} <---- or maybe black in your
case
Otherwise, the typical way to style radio buttons is by hiding the whole
button and create a totally new one. You can find a lot of info on this if
you google for how to style radio buttons in html/css
<:-)
On Wednesday, July 7, 2021 at 3:04:35 PM UTC+2 S² wrote:
> Hi Eric,
>
> still same...
> [image: radio_nok.png]
>
> do I have to tag this tiddler?
>
> Thanks
> Stefan
> Eric Shulman schrieb am Mittwoch, 7. Juli 2021 um 14:54:51 UTC+2:
>
>> On Wednesday, July 7, 2021 at 4:12:38 AM UTC-7 S² wrote:
>>
>>> I would like to have a green active radio button (by default) - how can
>>> that be done?
>>>
>>
>> Try this bit of CSS magic:
>> <style> .greenradio { filter:hue-rotate(300deg); } </style>
>> <$radio field="X" value="foo" class="greenradio">foo</$radio>
>> <$radio field="X" value="bar" class="greenradio">bar</$radio>
>>
>> enjoy,
>> -e
>>
>
--
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/bf0fcfa4-d62b-4c65-8d4c-62a9b890fb47n%40googlegroups.com.
