Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Probleme mit Input-Elementen im Chrome Browser
#1 Probleme mit Input-Elementen im Chrome Browser
Ich habe Probleme mit den Input-Elementen im Chrome Browser festgestellt. Während mit Firefox alles bestens funktioniert, werden die Eingabefelder im Chrome-Browser anders als vorgesehen dargestellt. Die Input-Elemente reagieren nicht auf meine Style-Anweisungen im CSS. Auch meine Versuche mit einer Browser-spezifischen CSS laufen ins Leere:
2
3
4
input {
-webkit-background-color: #000000;
}
Im Chrome bleiben die Eingabefelder weiß und auch die Schriftart ist eine ganz andere. Nur wenn man in das Feld reinklickt, wird die gewünschte Schriftart angezeigt.
So sieht es im Firefox aus:
Und so im Chrome:
Nur das Emailfeld wird im Chrome korrekt dargestellt, was ich nicht verstehe, denn dafür gelten dieselben CSS-Regeln wie für die anderen Eingabefelder
#2 RE: Probleme mit Input-Elementen im Chrome Browser
Link: https://www.forum-ki.net/anmeldung.php
Zitat von Cyborg_Christina im Beitrag #1
so im Chrome
Du zeigst zwei Felder, die von deinem Passwort-Manager ausgefüllt wurden.
Bei mir mit Chrome unter macOS wird alles richtig dargestellt.
#3 RE: Probleme mit Input-Elementen im Chrome Browser
Was bedeutet das konkret? Den Passwort-Manager gibt es doch in allen Chrome-Browsern, dann wäre das doch auch bei anderen Seitenbesuchern so wie bei mir, oder? Zumindest mit Windows? Kann man da irgendwas tun, damit das einheitlich dargestellt wird?
In Deinem Screenshot fällt auf, dass die Schriftart "Oswald" nicht dargestellt wird. Oder liegt es daran, dass Du die Cookies deaktiviert hast?
#4 RE: Probleme mit Input-Elementen im Chrome Browser
Habe versucht, den Stil des Passwort-Managers zu überschreiben, das hilft leider auch nicht:
2
3
4
5
6
input:-webkit-autofill{
background-color: rgba(127, 174, 202, .5) !important;
}
Weiterhin habe ich versucht, das automatische Auffüllen mit einem kleinen Script zu umgehen, aber das funktioniert auch nicht. Ist scheinbar von Google nicht gewollt.
#5 RE: Probleme mit Input-Elementen im Chrome Browser
Zitat von Cyborg_Christina im Beitrag #4
Habe versucht, den Stil des Passwort-Managers zu überschreiben
Über box-shadow scheint es zu funktionieren.
2
3
4
5
6
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 90px white inset !important;
}
https://stackoverflow.com/a/14205976
Zitat von Cyborg_Christina im Beitrag #3
In Deinem Screenshot fällt auf, dass die Schriftart "Oswald" nicht dargestellt wird.
Ich habe einen Cookie-Banner-Blocker aktiv und damit den Cookie-Banner, der die Fonts lädt, nie akzeptiert.
#6 RE: Probleme mit Input-Elementen im Chrome Browser
Danke für Deine Hilfe, aber bei mir funktioniert es leider nicht.
Hast du das "white" in Beitrag #5 mit der entsprechenden Farbe ausgetauscht? Ich sehe bei dir im CSS-Code nichts mit "autofill" im Selektor.
#8 RE: Probleme mit Input-Elementen im Chrome Browser
Hatte Deinen CSS-Eintrag falsch verstanden. Habe nun die Farbe ersetzt, jetzt funktioniert es, danke.
#9 RE: Probleme mit Input-Elementen im Chrome Browser
Seltsamerweise wirkt sich der Code auch auf Firefox aus, obwohl die webkit.extension nur für Chrome gilt, dachte ich. Aus bestimmten Gründen muss ich den Eintrag jetzt erstmal entfernen und morgen mal darüber nachdenken.
Liegt wahrscheinlich daran, ich im Firefox auch einen Passwort-Manager nutze.
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software