2017-11-16 1 views
0

Wie in dieser Geige zu sehen, verhindert eine Eigenschaft auf button, dass eine deaktivierte Schaltfläche als deaktiviert angezeigt wird.Warum (deaktiviert) Schaltflächen mit Farbe: erben nicht folgen deaktiviert Stil?

Ich dachte, Spezifität würde bedeuten, dass deaktivierte Schaltflächen immer noch deaktiviert angezeigt wurden. Wie überschreibt dies die Benutzer-Agent-Gestaltung und wie wäre es möglich, sie wieder aktiviert zu machen? Manuelles Zuweisen einer Farbe zu funktioniert nicht.

https://jsfiddle.net/zzhLhkjx/

Vergleichen Sie dies mit https://jsfiddle.net/g46kg6ev/, die mit abgeblendet Text eine deaktivierte Schaltfläche zeigt. Wenn Sie nur die zu erbende Farbe angeben, wird dieses Verhalten gestoppt.

+0

'button: deaktiviert {farbe: grün}' funktioniert gut. Wenn immer noch nicht, füge '! Wichtig' hinzu –

+0

deaktiviert ist ein Zustand, bin ich nicht sicher, warum Sie über CSS und Spezifität sprechen? –

+0

Inherit von was? - Funktioniert gut für mich - https://jsfiddle.net/yqcxok85/ –

Antwort

2

Wie ich es verstehe, alle Autor definiert Stile werden über qualifizieren jeder User-Agent Stil unabhängig von Spezifität - da immer Autor Arten mehr Gewicht als Arten User-Agent tragen.

JSFiddle demonstration to rule out any specificity doubts


Mehr auf User-Agent Sheet Gewicht aus einer Antwort (What is user agent stylesheet) durch @ JukkaK.Korpela

„User-Agent-Stylesheets werden durch alles, was Sie in außer Kraft gesetzt, Ihr eigenes Stylesheet.Sie ​​sind nur der tiefste Boden: in Abwesenheit von alle Stylesheets von der Seite oder vom Benutzer zur Verfügung gestellt, muss der Browser immer noch den Inhalt irgendwie, und die uns rendern er agent style Blatt beschreibt das einfach. "

Verwandte Themen