2017-02-01 20 views
0

Ich versuche etwas zu tun like this. Das Problem ist so, wie der Kommentar sagt: "Wenn Sie diesen Wert ändern, wird das gesamte Modal in Ihrer Anwendung diese Konfiguration verwenden". In meinem Fall verwende ich Padding zu ion-modal, nicht .modal-wrapper, aber ist genau das gleiche an dieser Stelle.Spezifische CSS für einzelne Ionen-modale

Wie kann ich dieses CSS auf einzelne Ionenmodale einstellen? Weil ich auch andere Modale habe, möchte ich, dass sie Vollbild ohne dieses Padding sind.

Vielen Dank im Voraus, und tut mir leid, wenn mein Englisch nicht perfekt ist.

Antwort

0

Geben Sie Ihren Ionen-Modal eine separate Klasse, wenn Sie möchten, dass sie im Vollbildmodus angezeigt werden. Zum Beispiel -

.noPadding{ padding:0px !important} 

Wichtig wird die Polsterung auf Ionen modal Element außer Kraft setzen!. Hoffe, das wird helfen !!

+0

Aber wie kann ich diese Klasse auf ein Modal setzen, auf das ich keinen Zugriff habe? Das Modal wird durch den ionischen Code von angular ausgeführt: 'let modal = this.modalCtrl.create (Me); modal.present(); 'wenn" Ich "eine Komponente ist, mit der ich CSS verwenden kann, aber Ion-Modal ist eines seiner Eltern-Tags. – aluknot

+0

Sie können die Klasse zum übergeordneten Element Ihrer Seite oder zur Me-Komponente hinzufügen und dann das Modal von dort aus ansteuern. Sehen Sie die Referenz hier: http://StackOverflow.com/Questions/34792886/ionic-Framework-Popover-Jquery-AddClass –

+0

Nein, das modal ** ist ein Elternteil der Seite **, werfen Sie einen Blick auf diese: http: //i.imgur.com/Xb92bEI.png und diese Referenz ist für ionische 1. – aluknot

Verwandte Themen