2017-08-25 1 views
0

Ich erstelle ein Dashboard, das den Anforderungen des Corporate Style entsprechen muss. Ich muss die Hintergrundfarbe des Headers ändern. Ich habe die Farbe erfolgreich geändert, außer wenn ich die Maus über die Kopfzeile bewege, ändert sie sich in eine andere Farbe. HierR Shinydashboard Header Color

ist ein Beispiel für den Header mit dem richtigen Farbschema:

enter image description here

Hier ist das gleiche Armaturenbrett mit meiner Maus über den Kopf schweben:

enter image description here

Für zusätzliche messen, hier ist das Ergebnis der Prüfung des Elements:

enter image description here

Jede Hilfe, die mich in die richtige Richtung zeigen kann, um den Hintergrund der Kopfzeile eine weiße Farbe zu behalten, würde sehr geschätzt werden.

Antwort

0

Ich löste das Problem durch Anpassen des CSS, das in einer unterstützenden CSS-Datei angezeigt wird. Im OP zeigt das inspect-Element auf eine zweite CSS-Datei, die ich nicht geändert habe. Insbesondere die Datei all-skins.min.css.

Sobald ich die Datei befindet, die für R/shinydashboard, die Datei im AdminLTE Verzeichnis des Pakets Bibliothek/shinydashboard erscheint, fand ich das Element, das das Verhalten betroffen:

.skin-red .main-header .logo:hover{background-color: }

Da ich wollte, dass die Hintergrundfarbe weiß bleibt, selbst bei Hover, habe ich #FFF in das Element background-color eingefügt, und jetzt bleibt die Hintergrundfarbe für den Header auch bei Hover weiß.

1

Es wird wahrscheinlich eine CSS-Eigenschaft .logo: aktiv oder etwas - entfernen Sie dies.

würde vollständigen Code benötigen, um eine definitive Antwort zu geben.

+0

Vielen Dank @ Apple-Taste, Ihre Antwort wies mich in die richtige Richtung. Ich werde eine vollständige Antwort für zukünftige Leser veröffentlichen. – Daniel