Для вирівнювання елементів на формі можна скористатися таблицею з прихованими межами та псевдокласами для стилізації.
У наступному прикладі перший стовпець таблиці має ширину 20% і вирівнювання по правому краю, а лівий 80% і вирівнювання по лівому краю.
У другому прикладі вирівнювання елементів на формі скористалися невидимим списком.
Звичайне CSS-властивість color застосоване до checkbox не дасть видимого результату, тому навіть для звичайного його фарбування доводиться використовувати щось із псевдоелементів:
::after
::before ці псевдо дозволяють стилізувати певні частини батьківського елемента, у даному випадку це чекбокс.
У більшості випадків чекбокси або радіокнопки просто приховують, зверху накладають інший елемент, що змінює свій вигляд при кліці мишкою. Сам же перемикач хоч і прихований, але теж працює із подією (хоча візуально цього не видно). А іноді і не працює; іноді його стан повністю контролюється label за допомогою, наприклад, атрибута for.
Для відміченого чекбокса (правило .highload-checkbox:checked + label:after) можна не тільки намалювати круг як у прикладі, але й поставити галочку, емоджі або взагалі будь-який інший малюнок. Аналогічно для радіокнопки.
