Neu Kennzeichnung des Anredefelds als Pflichtfeld im Bestellvorgang

[Micmac]

Guten Tag,

wir haben ein kleines Problem mit dem Anredefeld beim Bestellvorgang.
Wenn es als Pflichtfeld gesetzt ist, sieht man als Kunde das " * " nicht, da an der Stelle des Sternchens der Pfeil für das Pulldown ist. (rechts oben).
Also wählt der Kunde keine Anrede aus und bekommt nach absenden der Daten eine Fehlermeldung. Allerdings ist das Anredefeld dann nicht, wie sonst, rot umrandet sondern blau. Es ist nicht ersichtlich das dieses Feld bearbeitet werden muß.
Kann man denn die Pflichtfelder von vorne herein farblich abheben, z.B. rot umranden??

Hat jemand eine Idee?

Vielen Dank

 

[holzpuppe]

Einfachste Variante, schreib in deine CSS folgendes:

.form-control:focus {
  border-color: #ff0505;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ff0505;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ff0505;
}

Farbe nach Gusto anpassen.

 

[Micmac]

Hallo,
vielen Dank erstmal für die Antwort.
Leider kriegen wir es nicht wirklich hin, da keine css-Profis. Erstmal steht im Evo-Theme Editor der ganze Code in einer Zeile. Ist das normal? Da die richtige Stelle zu finden ist eher mühsam. Nachdem man den Code angepasst, kompiliert und gespeichert hat, legt er eine Kopie an die ebenfalls einen grünen Haken hat. Müßte denn dort nicht nur eine Datei einen grünen Haken haben?

Sorry für die wahrscheinlich blöden Fragen und Danke für die Hilfe

 

[holzpuppe]

Schau dir mal diesen Beitrag an: https://forum.jtl-software.de/threads/css-aenderungen-wo-hinterlegen.91464/#post-520102

 

[Arthur]

Hallo.
Ich habe ebenso dieses Problem und Trusted Shops bemängelt das auch, dass ein Sternchen angezeigt werden muss. Klar, es wird angezeigt, aber verdeckt durch die Dropdown-Grafik. Kann man das bei diesen Feldern mit Dropdown nicht irgendwie anders lösen, dass man das Sternchen sehen kann?

 

[ag-websolutions.de]

Die Lösung mittels css-Anpassung wurde durch @holzpuppe doch bereits beschrieben!

 

[Arthur]

Das genügt für Trusted Shops leider nicht, da das Sternchen unter dem Dropdown-Pfeil verdeckt ist. Der Stern muss sichtbar sein

 

[ag-websolutions.de]

Dann nutze mal bitte folgenden css-Code

.required.form-group select {background-position:top right 30px;}

 

[Arthur]

ganz wunderbar. Ich danke dir herzlich!

 

[ag-websolutions.de]

gern geschehen

 

[holzpuppe]

Na ich kram die Sache nochmal aus: was ich damals getestet hatte aber leider nicht ging, war das Sternchen und nur das Sternchen via CSS anzusprechen.

.required.form-group select {background-position:top right 30px;}

Ist eine Lösung aber nicht sehr hübsch, zumindest bei mir, verrutscht das Sternchen einfach mehr in die Mitte, was per se für die Pull-Down-Menüs ok ist, aber für die anderen Eingabefelder etwas unpassend, frei im Raum schunkelt.
Meine Idee, Sternchen flippen, nur wie kann ich das direkt ansprechen? Mit:

.form-group.float-label-control.required {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

fluppt mir alles spiegelverkehrt. xD