Was ich erreichen möchte, ist die Twitter Bootstrap-Klasse für mein eigenes Eingabeelement mit der Klasse login_button zu deaktivieren. Standardmäßig fügt die bootstrap.min.css Klasse unnötige Eigenschaften wie box-shadow usw. zu meinem input.login_button Element hinzu.Bootstrap für ein Element deaktivieren
Ich weiß, ich kann box-shadow: none; definieren, aber ich frage mich, ob es andere Möglichkeiten gibt, das zu erreichen?
Überschreiben Sie einfach den Bootstrap-Stil. Solange Bootstrap auf Ihrer Seite vor Ihrem benutzerdefinierten CSS enthalten ist, sollte Ihr CSS Bootstrap überschreiben, da die Spezifität des Selektors dieselbe wäre. Fügen Sie diese auf Ihrem eigenen CSS-Code und überschreiben die Stile entsprechend:
input.login_button {
box-shadow: none;
border: none;
line-height: initial;
/* Etc. */
}
Hier input.login_button hat eine specificity Punktzahl von 011 während Bootstrap des input[type="text"] nur eine Spezifität Score von 010 hat, was bedeutet, Ihre kundenspezifische Art stark genug sein wird, Bootstrap ist unabhängig außer Kraft setzen der Reihenfolge Ihres CSS.
Sie können nicht, außer indem Sie bootstrap.min.css ändern. Alles, was Sie tun können, ist, die Stile mit spezifischeren Selektoren zu überschreiben.
Von dem, was Sie sagten, ich denke, ich kann die ': nicht (.login_button)' auf der Bootstrap-Selektor verwenden? Ist der ': not:' Selektor nur in CSS3 verfügbar? – Lucas
geben Sie einen anderen Klassennamen und setzen Sie Ihre eigenen Eigenschaften – Ibu
@lbu Bootstrap tut Selektor 'Eingabe [Typ =" Text "] es nicht Element nach Klasse auswählen. Ich habe meine eigene Klasse schon, aber Bootstrap ist immer noch übergeordnet. – Lucas
und Sie können es auch überschreiben – Ibu