8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons
We share eight unique CSS snippets that demonstrate what HTML checkboxes and radio buttons are truly capable of achieving.
The post 8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons appeared first on Speckyboy Design Magazine.
Checkbox dirty state
I would like to highlight any changes made to a long list of form checkboxes.
That way the user can review all the changes made (whether checked or unchecked) before saving.
Are there any examples for checkbox dirty states?
I looked at mat…
Checkbox dirty state
I would like to highlight any changes made to a long list of form checkboxes.
That way the user can review all the changes made (whether checked or unchecked) before saving.
Are there any examples for checkbox dirty states?
I looked at mat…
Should there be any input restrictions on first/last name such as numbers?
I’m building a sign up form and I noticed that a lot of companies allow me to put in a number when I enter my first name, such as "alks82734" being a valid first or last name.
How should I handle user sign up when I need the firs…
Presenting missing information on card
I have a multi-step form that requires filling in relevant details in each step. On each step we save the data. If a user leaves the form at any time, the draft will be saved and can be accessed from his profile page. Also, when a user wan…
What markup should I use for a form confirmation page / last step in wizard?
We have several multistep forms (wizards?), and in the last step it summarizes what you have filled out so you can read through it once more before you actually submit/confirm.
For styling, these were reusing a label-komponent for the &quo…
Cancel button, reset form or go back?
I’m working on a project where there’s a CRUD table, but the editing takes place in an individual page. In this editing page, if the user presses the cancel button, a modal pops up asking for confirmation before redirecting the user back t…
Progress tracker step 5a and 5b
I am working on a project that involves multiple screens and forms. There are approximately 15 screens the user will go through to complete a registration. Due to technical reasons dev team want to label one screen as 5a (driver license in…
Hyphens vs. parentheses in form field labels
Link Color
Link Color – Hover
Header Items – Left
Header Items – Right
vs.
Link Color
Link Color (Hover)
Header Items (Left)
Header Items (Right)
vs.
Link Color
Link Hover Color
Header Left Items
Header Right Items
Are there any rul…
What would entail hiding the price for some products on Amazon?
I’ve noticed that when I search on Amazon for a product, there usually will be some results where the price will not be visible until you click on the product and then again click on "See all buying options" button.
Is thi…