2015-09-29 16 views
5

Come dice il titolo: è possibile selezionare una casella di controllo per impostazione predefinita nel foglio di stile anziché in un attributo HTML incorporato?È possibile selezionare una casella di controllo per impostazione predefinita nel foglio di stile anziché in un attributo HTML?

Esempio dal w3schools.com, la casella "auto" è selezionata:

<form action="demo_form.asp"> 
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> 
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br> 
<input type="submit" value="Submit"> 
</form> 

sto facendo un "io Accetto i Termini e Condizioni" casella di controllo, e grazie al sito web goffo Sono facendo questo, non posso creare CSS in linea. Invece, posso assegnare a questo campo una classe css e modificare la classe nel foglio di stile più grande.

Se facilita, questa sarà l'unica casella di controllo nella pagina.

+0

Questo non è 'css' .. è l'attributo di tale elemento .. e ad essere più il preciso 'css' non lo può fare affatto. dovrai usare 'js'. –

+2

Non sono sicuro che sia legale. – TylerH

+0

Ognuno ha avuto buone risposte per lavorare in giro, ma @TylerH ha avuto il commento più utile: "Non sono sicuro che sia legale". Dovrei lasciare la casella T & C SBLOCCATA di default, poiché l'utente deve accettare attivamente i T & C. Altrimenti, potrebbe esserci una sorta di vulnerabilità legale. Grazie a tutti per le risposte veloci !! Ora posso dire al mio capo che probabilmente ho evitato di metterci nei guai legali! (Per i posteri: un'altra soluzione avrebbe potuto essere un po 'di testo sopra il pulsante di invio, dicendo "Facendo clic su Invia, accetti i termini e le condizioni) – Rachel

risposta

8

Un checkbox non può essere controllato in CSS, sfortunatamente. Si basa sull'attributo checked dell'elemento input e gli attributi non possono essere modificati tramite CSS.

In alternativa, è possibile esaminare una soluzione JavaScript, ma ovviamente il modo migliore sarebbe modificare direttamente l'HTML.

2

Prima di tutto, questo non è un css ma un attributo di un elemento html.

Un altro modo per controllare è con javascript, css e si può selezionare solo in questo modo:

input[type=checkbox]:checked /* select checked checkbox */ 
input[type=checkbox] /* select any checkbox */