[css] Jak zrobic styl TYLKO dla checkbox'ow? |
[css] Jak zrobic styl TYLKO dla checkbox'ow? |
4.01.2004, 15:32:02
Post
#1
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 18.09.2003 Skąd: Wismar Ostrzeżenie: (0%) |
Mam zdefiniowany styl dla znacznika <input> - sa to niebieskie ramki. Oczywiscie niebieskie ramki pokazuje sie tez w checkboxach. Ja chce jednak, aby wszystkie checkboxy na stronie mialy swoj osobny styl. Da sie cos takiego zrobic i jak?
Z gory dziex. |
|
|
4.01.2004, 16:26:06
Post
#2
|
|
Grupa: Zarejestrowani Postów: 566 Pomógł: 18 Dołączył: 23.08.2003 Skąd: Łomża Ostrzeżenie: (0%) |
zrob tak
Kod <input type="checkbox" style="....tutaj_styl...." name="check1" value="1">
-------------------- *Note: No animals were killed durning the construction of this post.
|
|
|
4.01.2004, 16:48:49
Post
#3
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 18.09.2003 Skąd: Wismar Ostrzeżenie: (0%) |
Masz na mysli cos takiego np.
Kod <input type="checkbox" style="css/css_checkbox" name="check1" value="1">
jesli mam styl zdefiniowany w katalogu css. Niestety nie dziala - moze jakis inny pomysl? |
|
|
4.01.2004, 17:04:27
Post
#4
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 6.05.2003 Skąd: Gdynia, Poland Ostrzeżenie: (0%) |
W stylu CSS dla każdego input'a:
Kod input {
background-color: black; color: #FFFFFF; font-size: 8pt; border: 1px solid blue; } albo dla konkretnego input'a: Kod <input type="checkbox" style="background-color: black; color: #FFFFFF; font-size: 8pt; border: 1px solid blue;" name="check1" value="1">
A jak chcesz dla każdego inputa różny styl przypisać to można także zrobić tak: Kod input { background-color: black; color: #FFFFFF; font-size: 8pt; } input.checkbox { border: 1px solid blue; } input.text { border: 1px solid red; } input.radio { border: 1px solid yellow; } Kod <input type="checkbox" class="checkbox" name="check1" value="1">
<input type="text" name="text1" value="1" class="text"> <input type="radio" class="radio" name="check1" value="1"> P.S. Kolorów nie dobierałem, tylko dałem na próbę ;p -------------------- |
|
|
4.01.2004, 17:37:57
Post
#5
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 19.11.2003 Skąd: Poznań Ostrzeżenie: (0%) |
Trochę brzydka taktyka - dla każdego inputa trzeba określać klasę itd... CSS umożliwia inne manewry:
Kod input[type="checkbox"] {
border: 1px solid; } W ten sposób łapiesz wszystkie checkboxy jednym selektorem. -------------------- Enceladus
Warsztat: bez warsztatu Aktua |
|
|
4.01.2004, 21:02:26
Post
#6
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 18.09.2003 Skąd: Wismar Ostrzeżenie: (0%) |
Dziex! Poprobuje korzystajac z waszych rad .
|
|
|
4.01.2004, 22:16:49
Post
#7
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 6.05.2003 Skąd: Gdynia, Poland Ostrzeżenie: (0%) |
Cytat Trochę brzydka taktyka - dla każdego inputa trzeba określać klasę itd... CSS umożliwia inne manewry(...). W ten sposób łapiesz wszystkie checkboxy jednym selektorem. A jest to zgodne z IE tak samo jak z Operą i innymi przeglądarkami?
Szczerze mówiąc spotykam się z takim czymś pierwszy raz Dzięki za info -------------------- |
|
|
4.01.2004, 23:21:24
Post
#8
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 19.11.2003 Skąd: Poznań Ostrzeżenie: (0%) |
Taka forma jest przewidywana przez CSS
-------------------- Enceladus
Warsztat: bez warsztatu Aktua |
|
|
5.01.2004, 01:45:13
Post
#9
|
|
Grupa: Zarząd Postów: 2 277 Pomógł: 6 Dołączył: 27.12.2002 Skąd: Wołów/Wrocław |
ale z tego co wiem, IE wciąż jej nie obsługuje :/
-------------------- "Niezależnie od tego, jakie masz osiągnięcia, ktoś Ci pomaga..."
|
|
|
5.01.2004, 17:32:38
Post
#10
|
|
Grupa: Zarejestrowani Postów: 548 Pomógł: 2 Dołączył: 19.07.2003 Ostrzeżenie: (0%) |
witam ...
wiec info z postu enceladus jest o dupe rozczasc ... wiem ze najwazniejsze jest zalecenie w3c ale ie ma 90% rynku ... wiec zostaje tylko stworzenie klas dla poszczegolnych typow czyli np. [xml:1:3e8eb8ac93] <input type='text' class='text'> <input type='checkbox' class='checkbox'> <input type='radio' class='radio'> [/xml:1:3e8eb8ac93] i potem w stylach Kod input{
dane dla wszystkich inputow, np. tlo } input.text{ tylko dla text } input.checkbox{ tylko dla checkbox } input.radio{ tylko dla radio } tak bedzie dzialac ze wszystkimi obecnymi browserami cya -------------------- Computer games don't affect kids; I mean if <span style="font-weight: bold;">Pac Man</span> affected us as kids,we would all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music.
|
|
|
26.01.2004, 17:29:11
Post
#11
|
|
Grupa: Zarejestrowani Postów: 127 Pomógł: 0 Dołączył: 19.11.2003 Skąd: Poznań Ostrzeżenie: (0%) |
TO jeśli o du...e to może tak (wlasnie tego potrzebowałem) i zrobiłem w JS:
Kod function updateCheckbox() {
if (!document.getElementsByTagName) return; var inputs = document.getElementsByTagName("input"); for (var i=0; i<inputs.length; i++) { var input = inputs[i]; if (input.getAttribute("type") == "checkbox") input.className="klasa_dla_input_type_checkbox" } } window.onload = updateCheckbox; Pisałem z pamięci - powinno działać.[/xml] -------------------- Enceladus
Warsztat: bez warsztatu Aktua |
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 14:45 |