webForumDet fria alternativet
Logga in / Bli medlem

input

HTML & CSS

4 svar · 179 visningar · startad av Nexus86

Medlem sedan okt. 20023 030 inlägg
Trådstart#1

Kan man skilja på style's för knappar och textrutor om man skriver t.ex.

<style type="text/css">
<!--
input    { background-color: #000000;
           color: #ffffff }
-->
</style>

Går det att få så att knappar har en egen stil och textrutor en?

Medlem sedan dec. 20025 483 inlägg
#2

Ja, med CSS2. Exempel:

<style type="text/css">
<!--

input[type=text] {
     background : #baa;
     color : #eee;
}

input[type=button] {
     background : #aab;
     color : #ddd;
}

-->
</style>

Detta fungerar ej i Microsoft Internet Explorer 6 och nedåt.

Ett annat alternativ är ju att använda "class" eller "id" på "input"-elementen:

.textruta {
     background : #baa;
}

#knapp {
     background : #aab;
}
...
<input type="text" class="textruta">
<input type="button" id="knapp">

:)

Medlem sedan okt. 20023 030 inlägg
#3

Peter S skrev:

Ja, med CSS2. Exempel:

<style type="text/css">
<!--

input[type=text] {
     background : #baa;
     color : #eee;
}

input[type=button] {
     background : #aab;
     color : #ddd;
}

-->
</style>

Detta fungerar ej i Microsoft Internet Explorer 6 och nedåt.

:)

Tack! Men finns det inget sätt att få det att fungera i IE också? Kan tänka mej att det går med javascript.

Medlem sedan dec. 20025 483 inlägg
#4

Jodå. Se mitt tidigare inlägg (redigerat).

:)

Medlem sedan okt. 20023 030 inlägg
#5

Jo det visste jag ju men man vill ju helst att det ska gå automatiskt eftersom att det inte bara kommer vara jag som gör sidor och formulär.

255 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
117 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)