webForumDet fria alternativet

En checkbox har fått sig en liten ram...

HTML & CSS

10 svar · 694 visningar · startad av EmmaW

Medlem sedan apr. 2008152 inlägg
Frågan#1

Jag har skapat mig en liten "check-box" och lagt in den på min sida. Men tyvärr har den fått en konstig ful vit ram runt sig...jag vet inte riktigt varför..

Såhär ser det ut: http://img248.imageshack.us/img248/5554/65523146lz9.jpg

Koden för boxen ser ut såhär:

<input class='checkbox' type="checkbox" name="CookieDate" value="1" checked="checked"/>

Någon som vet varför och vad jag kan göra åt det :q

Tack :)

untitled.JPG
Medlem sedan maj 20007 492 inlägg
#2

Ge oss kod istället.

Medlem sedan okt. 20001 285 inlägg
#3

har du i din stilmall någon:

input { border:...; }

eller

.checkbox { border:...; }

Medlem sedan apr. 2008152 inlägg
#4

Fuel skrev:

har du i din stilmall någon:

input { border:...; }

eller

.checkbox { border:...; }

Nja inte som funkar i alla fall, det ligger en massa kod innan som rör andra saker..antagligen tidigare stilmallar som påverkar.
Jag testade lägga en ny stillmall som bara skulle gälla boxen:
.checkbox {border:none;}

Men funkade inte så bra, den reagerade inte ens..vet inte riktigt hur jag ska göra..(jag kan inte koder alls bra ännu)

Men lyckades få bort den yttersta linjen genom att skriva så här istället:

<input class='checkbox' type="checkbox" style='border:0px' name="CookieDate" value="1" checked="checked"/>

Nu behöver jag bara veta hur man får bort det vita runtomkring..vad heter det vita, padding eller något?

Medlem sedan okt. 20001 285 inlägg
#5

.checkbox { border:0; }

Medlem sedan juni 20019 519 inlägg
#6

Fuel skrev:

.checkbox { border:0; }

Precis som Fuel skriver använd det i din CSS Klass. Lägg även med: Background: transparent;

Medlem sedan apr. 2008152 inlägg
#7

voigtann1 skrev:

Precis som Fuel skriver använd det i din CSS Klass. Lägg även med: Background: transparent;

Jo jag försöker verkligen, men funkar tyvärr inte. Såhär har jag skrivit:

<style type="text/css">
<!--
.hej {
	
	border: 0px;
        background: transparent;

}
-->
</style>
		
		

<input class='hej' type="checkbox"  name="CookieDate" value="1" checked="checked"/>

Det blir en box men den reagerar inte på det som jag skriver i css... någon som vet vad jag gör för fel :q

Medlem sedan okt. 20001 285 inlägg
#8

du har inte något mer i din stilmall som irriterar? input, checkbox stil?

om något är 0 så är det noll och behöver inte anges som px, em eller annat, dvs border:0;

Medlem sedan aug. 20068 090 inlägg
#9

.checkbox { border:none!important; }
eller
.checkbox { border:0px!important; }

Medlem sedan apr. 2008152 inlägg
#10

Härligt! Det med important funkade! Jag fick göra background: transparent!important; också bara så blev allt fint :)

Medlem sedan aug. 20068 090 inlägg
#11

EmmaW skrev:

Härligt! Det med important funkade! Jag fick göra background: transparent!important; också bara så blev allt fint :)

Kanon!

262 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)