2016-05-15 7 views
0

Ich habe keinen Zugriff auf die HTML-Datei und wir verwenden ein CDN für jQuery (also nehme an, dass ich auch keinen Zugriff darauf habe).Überschreibe eine CSS-Regel (muss gelöscht werden)

Wie gehe ich zum "Löschen" einer Regel mit meinen eigenen benutzerdefinierten CSS? Ich füge ein Bild mit der CSS-Regel an, die ich löschen möchte.

Dies ist, wie es aussieht: with radio buttons

Dies ist, wie ich es aussehen soll:

without radio buttons

+1

Sie können einfach Ihr eigenes Stylesheet nach dem von jQuery Mobile's CSS laden und die Hintergrundeigenschaft überschreiben. – Terry

+0

Ich verstehe, dass Sie es überschreiben können ... aber ich möchte überhaupt keine Hintergrundposition. Ist das möglich? – juice

+1

'background-position' wird normalerweise in Verbindung mit' background-image' verwendet. Sie können das letzte auf keinen setzen. – Terry

Antwort

0

Wenn Sie nur die background-position wollen sich auf die Position des Bildes keine Wirkung haben verwenden Sie diese:

.ui-icon-radio-off { 
    background-position: 0 0; 
} 

Aber wenn Sie es zurücksetzen, was es war Suppos ed wird eingestellt, wenn der Standard-jquery css nicht da ist, dann kann man es so unset:

.ui-icon-radio-off { 
    background-position: initial; 
} 

N. B. Sie müssen ein !important-Tag zu den obigen Eigenschaften hinzufügen, wenn jquery die css-Eigenschaft unterhalb der obigen Eigenschaft rendert.

+0

Da Sie keine Ahnung haben, was der "anfängliche" Wert ist, scheint es sicherer zu sein, stattdessen "none" zu verwenden. –

+0

@cale_b 'background-position' akzeptiert jedoch keinen 'none'-Wert. Und bearbeite meine Antwort mit der richtigen Definition dessen, was es tut, und ich werde es genehmigen, wenn es korrekt ist. Prost –

+0

Wahr genug. Ich habe deine Antwort falsch gelesen - was das OP (glaube ich) wirklich ist, ist Hintergrund-Image none .... –

0

Einige Browser akzeptieren die CSS-Definition all. Was es tut, setzt alle CSS-Definitionen für alle Elemente, die dem CSS-Selektor entsprechen, zurück oder setzt sie zurück. Hier

.my-class { 
    all: none; 
} 

ist ein gutes Beispiel von https://stackoverflow.com/a/31317986/3856582

#someselector { 
    all: initial; 
    * { 
     all: unset; 
    } 
} 

Oder das CSS initial Schlüsselwort auf jeder CSS-Definition verwenden.