1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Eingabemasken mit leichten Rahmen

Dieses Thema im Forum "Konfiguration" wurde erstellt von Vith3r, 10. März 2017.

  1. Vith3r

    Vith3r Member

    Registriert seit:
    27. August 2015
    Beiträge:
    11
    Zustimmungen:
    0
    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
     
  2. Michael_Drauer

    Michael_Drauer Well-Known Member

    Registriert seit:
    14. November 2015
    Beiträge:
    212
    Zustimmungen:
    0
    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
     
  3. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    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.
     
  4. Michael_Drauer

    Michael_Drauer Well-Known Member

    Registriert seit:
    14. November 2015
    Beiträge:
    212
    Zustimmungen:
    0
    @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
     
  5. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    "Coder" ist echt wie "Friseuse".
     
  6. Michael_Drauer

    Michael_Drauer Well-Known Member

    Registriert seit:
    14. November 2015
    Beiträge:
    212
    Zustimmungen:
    0
    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 { box-shadow: none;
    }

     
  7. Vith3r

    Vith3r Member

    Registriert seit:
    27. August 2015
    Beiträge:
    11
    Zustimmungen:
    0
    Ok, ich danke euch für das Feedback! Hat funktioniert. Und sorry noch mal für die Bezeichnung. Wird nicht mehr vorkommen :!:
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden