2015-09-29 11 views
5

Podobnie jak w tytule: czy pole wyboru może być zaznaczone domyślnie w arkuszu stylów, a nie w wbudowanym atrybucie HTML?Czy pole wyboru można domyślnie zaznaczyć w arkuszu stylów, a nie w atrybucie HTML?

Przykład z w3schools.com skrzynka „samochód” jest zaznaczone:

<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> 

Robię „ja zgadzam się z Warunkami” pole wyboru, a ze względu na przylegający stronie jestem robiąc to, nie mogę tworzyć wbudowanego CSS. Zamiast tego mogę przypisać to pole do klasy css i edytować klasę w większym arkuszu stylów.

Jeśli to ułatwi, będzie to jedyne pole wyboru na stronie.

+0

To nie jest 'css' .. to jest atrybutem tego elementu .. i być bardziej precyzyjne 'css' nie może tego zrobić. będziesz musiał użyć 'js'. –

+2

Nie jestem pewien, czy to jest legalne. – TylerH

+0

Każdy miał dobre odpowiedzi do pracy, ale @TylerH miał najbardziej przydatny komentarz: "Nie jestem pewien, czy to jest legalne". Domyślnie powinienem pozostawić pole AKCESORIA, ponieważ użytkownik musi aktywnie zgodzić się na warunki. W przeciwnym razie może istnieć luka prawna. Dziękuję wszystkim za szybkie reakcje !! Teraz mogę powiedzieć mojemu szefowi, jak prawdopodobnie uniknąłem problemów prawnych! (Dla przyszłych pokoleń: innym rozwiązaniem mógł być tekst nad przyciskiem przesyłania, mówiąc: "Klikając przycisk prześlij, zgadzasz się z T & C) – Rachel

Odpowiedz

8

Nie można sprawdzić pola wyboru w CSS. Bazuje na atrybucie checked elementu input, a atrybutów nie można modyfikować za pomocą CSS.

Alternatywnie można zajrzeć do rozwiązania JavaScript, ale oczywiście najlepiej byłoby bezpośrednio edytować HTML.

2

Po pierwsze, nie jest to atrybut css, ale atrybut elementu html.

Innym sposobem sprawdzenia jest z JavaScript i CSS można wybrać tylko to tak:

input[type=checkbox]:checked /* select checked checkbox */ 
input[type=checkbox] /* select any checkbox */ 
Powiązane problemy