<!DOCTYPE html> <html lang="pl" dir="ltr" translate="no"> <head> <meta charset="UTF-8"> <title>Ehhhh</title> <style> #arrow input { position: absolute; top:100%; left:100%; } #arrow input + span { width:16px; height:16px; display:inline-block; background:#f00; } #arrow input:checked + span { background:#0f0; } </style> </head> <body> <label id="arrow"><input type="checkbox"><span></span></label> </body> </html>