Checkbox wird nicht in html/css angezeigt

Ich benutze eine externe CSS aus einem Thema, aber jedes Mal, wenn ich ein Kontrollkästchen, zeigt es für einen Bruchteil einer Sekunde und dann verschwindet es direkt.Checkbox wird nicht in html/css angezeigt

Mein Code:

<div class="css-checkbox"> 
     <input id="checkbox1" class="css-checkbox" type="checkbox" value="1" name="attended" /> 
     <label for="checkbox1" class="css-label">Attended</label> 
    </div>

Für weitere Informationen über die Dateien: HERE

Quelle

2017-06-20 M.Ghali

wie ein JS-Plugin Sounds könnte das Kontrollkästchen versteckt, werden Sie mit JS-Bibliotheken von Drittanbietern? –

Ich habe den Beitrag mit mehr Infos hinzugefügt. Ich benutze alles von einem Dritten: P (javascript, css, etc.) –

Wow, es gibt eine riesige Menge an JS-Dateien dort, wenn ich Sie wäre, würde ich anfangen, die JS-Dateien in Ihrem HTML zu kommentieren und zu sehen, wenn das behebt das Problem, dann 1 zu 1 fügen Sie die JS-Dateien zurück, um zu sehen, welche das Problem verursacht. Es ist sehr schwierig für jemanden hier, Ihnen eine genaue Antwort mit solch einer riesigen Menge an Code zu geben, durchzusehen und kein funktionierendes Beispiel. Sie könnten auch versuchen, ein JSFiddle zu erstellen, um Ihr Problem zu demonstrieren. –

Überprüfen Sie Ihre CSS-Panel für alle Überschreibungen. Der Bruchteil einer Sekunde sagt mir, dass es anfänglich sichtbar ist, aber eine andere Datei überschreibt es zu einem späteren Zeitpunkt, wenn diese Datei geladen wird. Idealerweise sollten wir in der Lage sein, all Ihren Code zu sehen, um zu überprüfen, was falsch ist.

Sie können Ihr CSS Panel finden, indem Sie F12 drücken oder zu Ihren Entwicklertools navigieren und das Element untersuchen.

Quelle

2017-06-20 12:11:47 webdevverbe

Genau können Sie Screenshot von Elementen Stil bei Entwickler-Tool hinzufügen – NoOorZ24

Hey Mann, ich habe gerade hochgeladen die Dateien und Screenshots in einen öffentlichen Google Drive-Ordner [link] (https://drive.google.com/drive/folders/ 0B7AAH5GRouFnVGhob2xfcWtMN2M? Usp = sharing). Danke, dass Sie mir geholfen haben :) –

Wenn Sie die isCheckbox-Klasse überprüfen, werden Sie feststellen, dass sie von Ihrer plugins.min.css auf absolute Position gesetzt wird. Dies verursacht das Verstecken. Ich bin mir nicht sicher, ob es beabsichtigt ist, aber ich denke nicht. Sie können es selbst sehen in Screenshot 1.png – webdevverbe

Sie mit der CSS-Eigenschaft z-index versuchen können, dass Sie ein Element über die anderen stellen ermöglicht, versuchen Sie Folgendes:

your_checkbox { 
    z-index: +1; 
}

Quelle

2017-06-20 12:14:22 iFredus

Checkbox wird nicht in html/css angezeigt

Antwort

Verwandte Themen