webForumDet fria alternativet

Styla input button?

HTML & CSS

5 svar · 480 visningar · startad av ramo_and

Medlem sedan nov. 2010214 inlägg
Frågan#1

Hej!

Vill kunna styla en input button på ett speciellt sätt med får det inte att funka. Jag kan inte komma åt html strukturen på sidan jag jobbar på så därför måste göra så här.

Det jag hade tänkt mig var

#customer_login input[type="button"] .eq-0 {
  background: #000;
}

men det funkar inte.. det jag behöver få med är input[type="button] samt en klass efter det, går det? Jag måste göra så får att innan kunden loggar in finns 2 input text och 1 input button och när kunden loggat in finns 2 input button. Jag kan alltså inte använda nth-child osv då jag vill ha olika styling på alla input button.

Medlem sedan juni 20019 519 inlägg
#2

ja, det bör gå, input[...].klassnamn

just nu säger din css att den kommer träffa en child nod med en klass som heter eq-0 som finns inne i input[type="button"]

Medlem sedan nov. 2010214 inlägg
#3

aah gött nu funka det! Tackar :)

Medlem sedan nov. 2010214 inlägg
#4

Det funkar inte i IE, finns det nåt sätt att åtgärda det?

Medlem sedan aug. 20068 090 inlägg
#5

Det har alltid varit darrigt att styla knappar så det funkar likadant oavsett vilken webbläsare som används. Därför ska man helst skita i det helt (användaren är också van vid sina default-knappar och kan bli förvirrad...).

Om man prompt ska ha en stylad knapp, så lägg in en bild. Då slipper du lägga ner x antal timmar på en petitess och det kommer att funka överallt.

Medlem sedan juni 20019 519 inlägg
#6

ramo_and skrev:

Det funkar inte i IE, finns det nåt sätt att åtgärda det?

att inte köra [] så löser du det med ie<9

252 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)