webForumDet fria alternativet
Logga in / Bli medlem

Hur styla radiobuttons och checkboxes?

HTML & CSS

5 svar · 673 visningar · startad av Cuiris

Medlem sedan feb. 2006107 inlägg
Trådstart#1

Har sett en del sidor som har läckrare radiobuttons och checkboxes med grafisk hjälp t ex med en bock som fylls i checkboxen.

Hur beter man sig?

Medlem sedan jan. 20022 440 inlägg
#2

Du får ta hjälp av CSS om du vill ändra på en checkbox eller radiobutton. Du kan få den att se ut i princip hur du vill.

<html>
<head>
<title></title>
<style type="text/css">
<!--
	.check {
		background: url(/images/v.gif) no-repeat;
	}
-->
</style>
</head>
<form action="" method="" enctype="" name="">
	<input class="check" name="check" type="checkbox" value="checked" />
</form>
<body>
</body>
</html>

Du kan ändra med hjälp av javascrip också fast det kan jag absolut ingenting om! :e

Medlem sedan feb. 2006107 inlägg
#3

Thanks CatZ!

Har jag fattat det rätt att images/v.gif är själva utseendet på checkboxen? Vart säger den till om hur krysset eller bocken i ska se ut då?

Medlem sedan feb. 20032 532 inlägg
#4

Jag är inte säker men jag tror att det är v.gif som är din bock. Du får alltså göra egna bilder.

Medlem sedan feb. 2006107 inlägg
#5

Hmm jaha, då vänder vi i så fall på det. Min checkbox då? Vart säger man till om det?

Medlem sedan jan. 20022 440 inlägg
#6

v.gif är en bild type ne "bock" som jag använder själv fast till mina listor.
ska bryta ner det lite i delar för dig:

class="check" hämtar klassen .check från css och tillämpar den istället för den vanliga tråkiga checkbox stilen.

Jag gör detta med alla formulärfält för att få det lite snyggare och mer enhetligt på mina sidor.

Rekommenderar följande sida för dig http://www.w3schools.com/ Längst upp på denna sidan finns några Tutorials det står, Learn HTML, Learn XHTML, Learn CSS och Learn TCP/IP. TCP/IP kan du ju skippa men jag rekommenderar verkligen de första 3.

380 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
118 ms — deklarationer (db)
125 ms — hämta statistik (db)
132 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)