2016-10-10 1 views
0

Wie kann ich die Deckkraft aller ionischen Pop-ups in meinem Projekt ändern? d.h. $ionicPopup.show(). Ich habe versucht, die folgenden Einträge zu www/style.css in verschiedenen Kombinationen hinzuzufügen, aber ohne Erfolg.Wie ändert sich die Deckkraft aller ionischen Pop-ups?

.popup { 
    opacity: 1.0; 
} 

.popup-body { 
    opacity: 1.0; 
} 

.popup { 
    opacity: 1.0 !important; 
} 

.popup-body { 
    opacity: 1.0 !important; 
} 

Antwort

1

Dies sollte jQuery-Code die Opazität der auf Klick .popup Klasse ändern. Geht das für dich? Wenn nicht, poste bitte mehr Code. Sehen Sie sich diese JS Fiddle:

Opacity Fiddle N1

$(".clicker").click(function(){ 
    $("#first").css('opacity', '0.2'); 
    $("#second").css('opacity', '0.2'); 
}); 
+0

Wo würde ich diesen Code setzen? Ich habe bisher keinen jQuery-Code in meinem Projekt verwendet. – Dan

+0

@Dan wie wäre es jetzt? – ZombieChowder

+0

Ich hoffe auf eine Lösung, die keine benutzerdefinierte CSS-Klasse verwendet, sondern stattdessen die vorhandenen Ionic CSS-Klassen überschreibt, die das Verhalten der Ionics-Popups definieren. – Dan

1

Endlich ist es dachte, die Google Chrome Developer Tools Remote-Debugger und Element Inspektor aus.

Ich habe diese zu www/style.css:

.popup-container > .popup { 
    background: white; 
} 

Sie für Ihre Bemühungen danken, @ZombieChowder.

Verwandte Themen