Søg
Avatar billede supermand69 Nybegynder
27. november 2002 - 17:28 Der er 11 kommentarer og
1 løsning

størrelse på checkbox

hvordan kan man ændre størrelsen på en checkbox??
Avatar billede htm Nybegynder
27. november 2002 - 17:32 #1
Det kan du ikke!
Avatar billede htm Nybegynder
27. november 2002 - 17:33 #2
Det er den samme problematik som med <select> du kan ikke ændre på layoutet af dem uden at lave et billede og lave noget fiksfakserier med noget javascript!
Avatar billede supermand69 Nybegynder
27. november 2002 - 17:48 #3
øv.. så lukker jeg igen... :-/
Avatar billede werd Nybegynder
27. november 2002 - 18:00 #4
htm = elendig nooB

<input type="checkbox" name="test" style="height:100px; width:100px;" />

hmm... den her er ikke normal størrelse... forklar det!
Avatar billede htm Nybegynder
27. november 2002 - 18:07 #5
hmm werd - der er så sandelig noget jeg har misforstået - mente bare helt bestemt at det ikke kunne lade sig gøre! Men Det er så ikke muligt at ændre borderstørrelse eller baggrundsfarve!
Jeg beklager meget min uvidenhed! :(
Avatar billede boooboo Nybegynder
27. november 2002 - 18:08 #6
htm ..... Du kan sagtens ændre kantstørrelse og baggrundsfarve .... Via en simpel css
Avatar billede htm Nybegynder
27. november 2002 - 18:12 #7
OK boooboo så vis du en kode hvor man ændrer kantstørrelsen for en checkbox eller ændrer baggrundsfarven for en checkboks midte???
Avatar billede werd Nybegynder
27. november 2002 - 19:10 #8
<input type="checkbox" style="height:55px; width:55px; border:10px green solid;" />
Avatar billede htm Nybegynder
27. november 2002 - 19:18 #9
Werd: Du har stadigvæk en grå kant rundt om checkboksen! Det er den jeg mener, der ikke er mulig at fjerne! :-)
Avatar billede werd Nybegynder
27. november 2002 - 19:33 #10
nåå... ja det er ikke muligt med hverken css eller html... men man kan lave sin egen checkbox i java... men ved ikke hvordan!
Avatar billede htm Nybegynder
27. november 2002 - 21:02 #11
Werd>> Yep eller lave et billede som skifter vha javascript og så "tjekker" checkboxen!
Avatar billede nikolajdu Nybegynder
28. november 2002 - 10:08 #12
Så kan du selv more dig :)

<html>
<head>
    <title></title>
<style>
body {background-color:#666666}

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #ff9900; background-color: #ff0000;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #ff9900; background-color: #ff0000;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #ff9900; background-color: #ff0000;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #ff9900; background-color: #ff0000;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #ff9900; background-color: #ff0000;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}


.check {
  background-color : #e9e9e9;
  border : 3px solid;
  border-bottom : 1px solid Gray;
  border-top : 1px solid Silver;
  border-left : 5px solid Silver;
  border-right : 5px solid Gray;   
}
</style>

</head>

<body>
<form name="f">

<input type="checkbox" value="hej" class="tjekket1">bøh
<input type="checkbox" value="hej" class="tjekket2">bøh
<input type="checkbox" value="hej" class="tjekket3">bøh
<input type="checkbox" value="hej" class="tjekket4">bøh
<input type="checkbox" value="hej" class="tjekket5">bøh
<input type="checkbox" value="hej" class="tjekket6">bøh
<input type="checkbox" value="hej" class="tjekket7">bøh
<input type="checkbox" value="hej" class="tjekket8">bøh
<input type="checkbox" value="hej" class="tjekket9">bøh
<input type="checkbox" value="hej" class="check">bøh



<input type="checkbox" style="background-color:blue" onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#ffffff'">

<input type="checkbox" name="billede" value="check me" style={background-image:url(1.jpg);}>

<input type="checkbox" style="zoom:3">

<input type="checkbox" onFocus="this.blur();" style="background-color:lime;" onClick="if (this.style && !this.checked) this.style.backgroundColor = 'lime'; else if (this.style && this.checked) this.style.backgroundColor = 'red';">

<input type="checkbox" checked style="background-color:#CCff99">

</form>

</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »