Thanks JD. Yes, I did try the resource you've linked. Also, thanks for your button-checkbox draft, it looks nice. Creating dynamic SVG buttons that change depending on their state (using @reveal etc.) is something that I've explored recently with good results. However, converting all my existing check boxes to buttons would at this stage be an overkill. That said it is certainly some way out.
Too bad that these are so difficult to style. I'm aware it mostly stems from lack of consistency across browsers, which is not at all an issue with the way things have been implemented in TW itself. Thanks again for your input. Best, Hubert On Sunday, 30 September 2018 07:09:31 UTC+1, JD wrote: > > 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 [email protected]. To post to this group, send email to [email protected]. 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/b47458de-1c6d-4ed7-9d8c-a95df45a5fb2%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
