[CSS] input und ie?

corema · 5. August 2008, 16:08

moinsen
hab folgendes problem:
ich hab mehrere input-felder. darunter sind text, pasword und submit (klassischer login).
ich habe die mit css verändert:

HTML-Quellcode

<style>
.logTextInput{
...
...
...
}
</style>

im ff läufts mal wieder alles wunderbar:)
aber ie natürlich nicht^^

HTML-Quellcode

<style>
input.text{
...
...
...
}
</style>

geht auch nicht sowie

HTML-Quellcode

<style>
input[type=text]{
...
...
...
}
</style>

bräuchte da n bissle hilfe

thx
mfg corema

Broken Sword · 5. August 2008, 16:16

Hi,

HTML-Quellcode

<style>
.logTextInput{
...
...
...
}
</style>

Das sollte auch im IE laufen. Einfach class="logTextInput"

HTML-Quellcode

<style>
input.text{
...
...
...
}
</style>

Das kann ja auch nicht gehen, außer dein Inputfeld hat die Klasse text (class="text")

HTML-Quellcode

<style>
input[type=text]{
...
...
...
}
</style>

Richtig:

Quellcode

input[type='text']

aber das kennt eh nur Fx und Opera. Der IE bis 7 irgnoriert das ganze. Ist aber schon lange bekannt. Also am besten du benutzt einfach für dein input ne Klasse und formartierst sie.

Gruß
Broken Sword

corema · 5. August 2008, 16:19

nö geht nicht

HTML-Quellcode

<style>
.logTextInput{
...
...
}
</style>
<input type="text" value="E-Mail" class="logTextInput">

so hab ich grad

Broken Sword · 5. August 2008, 16:44

corema schrieb:

nö geht nicht

Bei mir IE6/7 funktioniert das wunderbar : >

Quellcode

<style type="text/css"><!--
.logTextInput{
background-color:red;
}
--></style>
<input type="text" value="E-Mail" class="logTextInput" />

Vielleicht stimmt dein CSS-Code nicht, bzw wird irgendwo ein ";" vermisst.

Gruß
Broken Sword

corema · 5. August 2008, 16:55

deins ging^^
hab ichs bei mir eingefügt gings nicht...
hatte n paar zeilen drüber ein "
***eiß syntax-fehler^^

thx Broken Sword:)

Broken Sword · 5. August 2008, 17:00

Okay, dann mach ich hier zu, beim nächsten mal bitte Präfix umstellen: freesoft-board.to/f238/wie-man…efix-umstellt-248151.html

=> Closed

Gruß
Broken Sword

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

Quellcode

HTML-Quellcode

Quellcode

Teilen