<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
}
/* Applica un colore di accento personalizzato a tutti gli elementi di input con tipo checkbox e radio */
input[type="checkbox"],
input[type="radio"] {
accent-color: #ff6347; /* colore personalizzato (tomato) */
}
/* Puoi anche applicare accent-color a elementi specifici */
.custom-accent {
accent-color: #4CAF50; /* verde */
}
h1 {
color: #333;
}
</style>
</head>
<body>
<h1>Esempio di utilizzo di CSS accent-color</h1>
<form>
<label>
<input type="checkbox" />
Checkbox con accent-color personalizzato
</label>
<br /><br />
<label>
<input type="radio" name="opzione" />
Radio button 1
</label>
<br />
<label>
<input type="radio" name="opzione" />
Radio button 2
</label>
<br /><br />
<!-- Esempio con classe personalizzata -->
<label class="custom-accent">
<input type="checkbox" />
Checkbox con accent-color verde
</label>
</form>