Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Blauen Rahmen von Checkbox deaktivieren wenn diese aktiv ist

  1. #1
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard Blauen Rahmen von Checkbox deaktivieren wenn diese aktiv ist

    Hallo zusammen,

    ich möchte gerne den blauen Rahmen von einer Checkbox deaktivieren, wenn diese aktiv ist. Meine Versuche dies mit "opacity oder outline" zu erreichen sind leider alle gescheitert. Nur der Edge Browser zeigt diesen Rahmen nicht an, aber alle anderen getesteten Browser wie Chrome, Opera, Firefox und Edge Chromium zeigen diesen Rahmen allesamt an. Gibt es hierfür eine passende Lösung, damit dieser blaue Rahmen nicht mehr angezeigt wird.
    Für entsprechende Lösungen oder Tipps wäre ich sehr dankbar.

    Mein verwendeter Code für die Checkbox.
    Code:
    fieldset input[type="checkbox"] {
    opacity:0;
    }
     
    fieldset label {
    position: relative;
    display: inline-block;
    padding:1px 0 0 24px;
    }
    
    fieldset label::before,
    fieldset label::after {
    position: absolute;
    content:"";
    display:inline-block;
    outline:0;
    }
    
    fieldset label::before {
    height:11px;
    width:11px;
    top:0;
    left:0;
    content:"";
    margin-left:4px;
    background-color:#ffffe1;
    border:1px solid #707070;
    }
    
    fieldset input[type="checkbox"]:focus + label::before {
    outline:rgb(59, 153, 252) auto 5px;
    }
    
    fieldset input[type="checkbox"] + label::after {
    content:none;
    }
    
    fieldset input[type="checkbox"]:checked + label::after {
    content:"\f00c";
    font-family:FontAwesome;
    font-size:10px;
    top:1.5px;
    left:6px;
    outline:0;
    }
    Danke!


    Gruß
    Thomas

  2. #2
    Contao-Fan Avatar von Contao-Academy
    Registriert seit
    09.04.2011.
    Ort
    Kempten
    Beiträge
    292
    Partner-ID
    10079
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ein Link zur betroffenen Seite und Formular wäre hier sehr hilfreich.

  3. #3
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard

    Hier der Link zur betreffenden Webseite http://sub.musikverein-hirschzell.de...e-beitrag.html


    Gruß
    Thomas

  4. #4
    Contao-Fan Avatar von Fehrmann
    Registriert seit
    04.07.2009.
    Ort
    Wismar
    Beiträge
    580
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hi,

    das kommt hierhier:

    HTML-Code:
    fieldset input[type="checkbox"]:focus + label::before {
    outline:rgb(59, 153, 252) auto 5px;
    }
    wenn die Checkbox den Focus hat.

    Viele Grüße
    René
    Software-Entwickler Backend/Frontend

  5. #5
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard

    Genau das war es, nach der Deaktivierung des Styles klappt es jetzt.
    Vielen Dank für den Tipp.


    Gruß
    Thomas

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •