Eingabemasken mit leichten Rahmen

    Hallo liebe Community,

    es geht um die Seite https://gamerdesk.de
    Dort gibt es einen "Account erstellen" Bereich. In den Feldern "Benutzername", "E-Mail" und "Passwort" etc. ist - wenn der Fokus auf dem Feld ist - ein leichter Rahmen unten und rechts zu sehen. Der Code für das Account erstellen ist ein eigener. Aber mein Coder meint dieser kleine Rahmen im Eingabefeld kommt direkt von Wordpress. Hat jemand eine Idee, woher und wie ich diesen entfernen kann?

    Beste Grüße,
    Christian

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Aha "Coder" ;) pseudoklassen wie : focus, :hover, :active usw. Lassen sich genauso überschreiben wie normale Klassen auch.

    Also a:Focus { border:none;} ist valides ccs

    Gesendet von meinem ONE A2003 mit Tapatalk

    das kommt von der enfold css, dort ist für den Focus auf ein Input Feld ein box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); gestyled.
    Mit den Hinweisen sollte dein "Coder" das hoffentlich problemlos hinbekommen.

    Michael_Drauer: mMn handelt es sich nicht um den border.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    maxe ich habe keine Ahnung wollte das auch gar nicht nachstellen .. es ging mir eher um den Hinweis das pseudoklassen auch gestylt werden können und habe gehofft dass der "Coder" (mMn schlimmstes Wort überhaupt ;) ) damit weiterarbeiten kann

    Gesendet von meinem ONE A2003 mit Tapatalk

    btw: um das ganze mal zu beantworten:
    du überschreibst hiermit die base.css also muss es unterhalb eingebunden werden sollte das für den "Coder" nicht möglich sein, kann hier auch mit !important gearbeitet werden.


    #top input[type="text"]:focus,
    #top input[type="password"]:focus,
    #top input[type="email"]:focus,
    #top input[type="number"]:focus,
    #top input[type="url"]:focus,
    #top input[type="tel"]:focus,
    #top input[type="search"]:focus,
    #top textarea:focus [COLOR=#222222][FONT=Consolas]{[/FONT][/COLOR][FONT=Consolas] box-shadow: none;
    }

    [/FONT]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden