Box shadow funktioniert nicht?
slash
- css
Hallo,
ich bin am verzweifeln. Ich will einfach nur einem input-Feld einen Box-shadow hinzuzufügen und bekomme es einfach nicht hin. Kann mir jemand sagen was ich falsch mache?
<html>
<head>
<style type="text/css">
#bla{
box-shadow:0px 0px 8px #000;
-moz-box-shadow:0px 0px 8px #000;
-webkit-box-shadow:0px 0px 8px #000;
}
</style>
</head>
<body>
<input id="bla" type="text"></input>
</body>
</html>
Viele Grüße
Slash
@@slash:
nuqneH
ich bin am verzweifeln. Ich will einfach nur einem input-Feld einen Box-shadow hinzuzufügen und bekomme es einfach nicht hin. Kann mir jemand sagen was ich falsch mache?
Du benutzt den falschen Browser. ;-)
Firefox 4 und Opera zeigen den Schatten.
Andere Browser aber auch, wenn du 'border' setzt. (Etwas 'padding' müsstest du dann vielleicht auch noch spendieren.)
Qapla'
@@Gunnar Bittersmann:
nuqneH
Andere Browser aber auch, wenn du 'border' setzt.
Genauer gesagt: 'border-style' auf einen anderen Wert als "inset".
Qapla'
Om nah hoo pez nyeetz, slash!
#bla{ box-shadow:0px 0px 8px #000; -moz-box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; }
Hinweis: Sie sollten bei der Definition solcher noch nicht umfassend verbreiteter Eigenschaften die herstellerspezifischen Angaben immer vor der standardisierten Form machen. Da später gemachte Angaben frühere überschreiben, ist so sichergestellt, dass die standardisierten Angaben von dem Zeitpunkt an, an dem sie unterstützt werden, auch verwendet werden. [selfhtml-wiki]
Matthias