Hello, I find styling checkboxes a pain in the A so I simply use stylized buttons for some specific issues (for example, checkboxes don't scale up in Chrome, and looks comically tiny beside text with a large font-size)
I suppose you've already tried https://www.w3schools.com/howto/howto_css_custom_checkbox.asp, I wonder why that didn't work in your case? For a sample of a button-checkbox, a work in progress: http://j.d.todo.tiddlyspot.com/ -jd On Friday, September 28, 2018 at 10:12:52 PM UTC+9, Hubert wrote: > > Hello, > > This is a complete newbie question; I'm aware there are resources online > but I could not get them to work. Thanks in advance for your help. > > I'm looking for help with styling of checkboxes within TiddlyWiki. So far, > I've only managed to remove the checkbox altogether... but was unable to > replace it with anything useful. > > Here's my wikitext (I've removed most of the code for clarity), a typical > TW checkbox widget: > > <$checkbox class=checkbox actions=<<some_actions>> tiddler="..." > index="..." checked="_checked_" unchecked="_unchecked_" > default="_unchecked_"/> > > And here's my "CSS": > > input[type=checkbox] { > visibility: none; > } > > .checkbox:checked { > content: "x"; > } > > Has anyone managed to replace their checkboxes with something more > pleasant to the eye and consistent across browsers using pure CSS? > > Thank you for hints. > > Regards, > Hubert > > > > > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/fb5e9ba3-9bbc-4a24-988f-34140460c1dd%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.