Wählen Sie die Rahmenfarbe
Ich scheine nicht in der Lage zu sein, den Rand (Umriss, Box-Schatten?) gegen das Element select in Opera browser loszuwerden.
Keine der folgenden Regeln entfernen den Rahmen:
Opera version ist 46.0.2597.57 (PGO).
Der obige Code funktioniert perfekt in anderen getesteten Browsern - Chrome, Firefox, Internet Explorer und Edge.
Jeder Hinweis wäre hilfreich.
BEARBEITEN Ich verwende Windows 10 64-bit, hier ist ein Screenshot:
2 Antworten
Sie können die Grenze mit -webkit-appearance: none; loswerden, aber dadurch wird auch die Einfügemarke entfernt, so dass Sie diese möglicherweise manuell hinzufügen müssen. Ich konnte keine bessere Antwort darauf finden, da die Oper mit dieser Grenze wirklich stur ist. (Aktualisierte Lösung mit Caret unten)
Aktualisierte Lösung: Dies ist eher ein Workaround, als eine Lösung, aber diese hat einen funktionierenden "falschen" Caret und sieht selbst in Opera wie ein grenzenloses Dropdown aus.
Sie können etwas wie border: 1px solid white verwenden, um den Rand von Opera zu überlappen, wenn Sie einen festen Hintergrund hinter Ihrem select haben.
Oder Sie können benutzerdefinierte Stile für Webkit-Browser auf Ihre select über CSS-Hacks für bestimmte Browser anwenden, indem Sie die Standarddarstellung mit -webkit-appearance: none entfernen und SVG background-image für den Standardpfeil anwenden. Auf diese Weise ist die Standarddarstellung für IE und Firefox intakt.
Tags und Links html css html-select opera