nicht angemeldet
Auswahlliste per CSS "flach" machen
Tach, ich hab ein kleines Problem mit CSS. Meine HTML-Datei sieht so aus:
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.flach { border: black; border-style: solid; border-width: 1px; height: 18px; font-size: 12px }
-->
</style>
</head>
<body>
<form method="get" action="index.php">
<input type=text name=text size=30 maxlength=255 value="" class="flach">
<select name="yesorno" class="flach">
<option value="" selected>Bitte auswählen...</option>
<option value="yes">Ja</option>
<option value="no">Nein</option>
</select>
<input type="submit" value=" » " class="flach">
</form>
</body>
</html>
Das Eingabefeld und der Absende-Button sind wie gewünscht flach (also ohne den 3D-Rahmen), die Auswahlliste aber nicht! Kriegt man die irgendwie auch flach hin?
-
hi
Das Eingabefeld und der Absende-Button sind wie gewünscht flach (also ohne den 3D-Rahmen), die Auswahlliste aber nicht! Kriegt man die irgendwie auch flach hin?
ich weiß nicht, wie es im IE ist, aber in Mozilla-Browsern geht es definitiv _gar nicht_, diese haben alle ein select{border-style:indet !important;} (oder so ähnlich) in der html.css
Grüße aus Bleckede
Kai
-
Hallo,
Das Eingabefeld und der Absende-Button sind wie gewünscht flach (also ohne den 3D-Rahmen), die Auswahlliste aber nicht! Kriegt man die irgendwie auch flach hin?
ich weiß nicht, wie es im IE ist, aber in Mozilla-Browsern geht es definitiv _gar nicht_, diese haben alle ein select{border-style:indet !important;} (oder so ähnlich) in der html.css
im Internet-Explorer ist das bislang nicht möglich; in Mozilla-Browsern müßte es eigentlich so funktionieren:
:-moz-dropdown-list {
border: 1px solid #CCCCCC;
}Grüße aus Berlin,
Sebastian
-