select --> keine hoverfarbe

[Sorgenkind Mech]

moin

ich hab mal wieder ein problem:

ich habe ein paar selects
damit soll man sich eine farbe aussuchen
die selects habe ich, da ich wenig platz habe

also: wenn man nu das select aufklappem lässt, und mit der maus drüber geht wird ja das feld farbig unterlegt, was meiner anwendung nah aber ganz unpraktikabl ist, da jede option mit einer anderen css-klasse definiert ist, und somit jeweils immer eine andere hintergrundfarbe hat

wie kann ich diese hoverfarbe nu "transparent" machen???
jemand eine idee???
oder ich lege die hoverfarbe für jede option gleich der hintergrundfarbe, das würde auch gehen

danke für eure hilfe

gruß

[Cheatah]

Hi,

wie kann ich diese hoverfarbe nu "transparent" machen???

option:hover { background-color:transparent; }

Das ist irgendwie die wörtliche Überstzung dessen, was Du sagtest, oder? :-)

Cheatah

[Sorgenkind Mech]

einfacher gehts wohl nich wa? *g*

kommt man sich ja richtig dumm vor

naja, mit dankendem gruß

[Sorgenkind Mech]

ähm .... das funzt nich so wirklich ....

also erstmal, ich nutze IE6.

so, hier erstmal wie ich das stylesheet schreibe:

<style type="text/css">
<!--
<?php
  $farben=Array( "000000",
      "FFFFFF",
      "FF0000",
      "FF8000",
      "408080",
      "8080FF",
      "80FFFF",
      "00FF40",
      "FFFF00",
      "FF80C0",
      "800080");

foreach($farben as $farbenindex => $farbe)
{
echo ".".$farbe." { background-color: #".$farbe."; }\n";
}
?>
option:hover { background-color: transparent; }
-->
</style>

so, nun son select:

<?php
foreach($farben as $farbindex => $farbe)
 {
  echo "<option value='".$farbe."' class='".$farbe."'";
  if($wert['farbe']==$farbe) echo " selected";
  echo ">    </optoin>\n";
 }

?>

also entweder habe ich dein zeug falsch eingebunden, oder es funzt wirklich nich

muss ich vielleicht das in die einzelnen selbstdefinierten styles mit reinpacken irgentwie?

bin mit css noch nich all zu fit

danke

bis denn dann

[Cheatah]

Hi,

also erstmal, ich nutze IE6.

der IE ist zu primitiv, um einfaches CSS umzusetzen. Du wirst den Effekt nur mit unverhältnismäßig hohem Aufwand hinbekommen.

so, hier erstmal wie ich das stylesheet schreibe:
<style type="text/css">
<!--
<?php

Uninteressant. Es geht hier nicht um serverseitige Effekte. Beschränke Dich bitte auf die Script-Ausgabe.

option:hover { background-color: transparent; }

Arbeitet das in einem modernen Browser wie z.B. Mozilla?

bin mit css noch nich all zu fit

Der Selektor heißt "option:hover", das bedeutet: Alle Elemente, die <option> sind und bei denen :hover zutrifft, werden mit der genannten CSS-Eigenschaft versehen. Clients, die den Selektor nicht verstehen (oder die Eigenschaft bzw. seinen Wert), werden die entsprechende Angabe ignorieren.

Cheatah