Ich kann mich nicht erinnern, wie man den Hintergrund in einem CSS-Blatt im HTML-Code überschreibt, der a.node muss blau sein. In meinem HTML habe ich style="background:blue"
Mehrere Beispiele auf SO haben diese Frage nicht gelöst - sie sind ähnlich, aber nicht in der Lage zu lösen.js-mindmap CSS Hintergrundfarbe aus Stylesheet überschreiben
Meine CSS Seite:
body {
background:black;
}
.js-mindmap-active a.node {
background:red;
border: 2px solid white;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.js-mindmap-active a.node.active {
padding:5px 10px !important;
border-width:5px !important;
}
.js-mindmap-active a.node.activeparent {
padding:5px 10px !important;
border-width:5px !important;
background:#8B0000;
}
html:
<body>
<ul>
<li><a href="http://sample.com/">ALS</a>
<ul>
<li><a href="#" target="_blank" style="background:blue">Chest Pain</a></li>
<li><a href="#" target="_blank" class="icon linkedin">Shortness of Breath</a></li>
<li><a href="#" target="_blank" class="icon facebook">Allergic Reaction</a></li>
<li><a href="http://www.google.com" target="_blank" class="icon twitter" title="goo">Diabetic</a></li>
<li><a href="#">STEMI</a>
<ul>
<li><a href="#" target="_blank" class="icon twitter" title="9">ACS</a></li>
<li><a href="#" target="_blank" class="icon twitter" title="13">STEMI</a>
<ul>
<li><a href="#" title="A">Treatment</a></li>
<li><a href="#" title="C">Protocol</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
Sie können einfach 'b ackground: blue; 'im Stylesheet den Gegenstand anzielen ... fügen Sie vielleicht eine Klasse dazu hinzu –
Probieren Sie das aus---- background-color: blue –
Mögliche Duplikate von [Wie kann ich Inline-Stile mit externem CSS überschreiben?] (http : //stackoverflow.com/questions/16813220/how-can-i-override-inline-styles-with-external-css) –