So stellen Sie die Ionenauswahlkomponente mit 100% Breite in IONIC 2 ein

9

Ich möchte meine Ionenauswahl mit 100% der Breite einstellen.

Ich habe versucht mit CSS-Klasse wie folgt:

%Vor%

Aber es funktioniert nicht.

    
Luis Antonio Pestana 27.07.2016, 20:00
quelle

5 Antworten

18

Ich habe es gemacht.

Für jemanden, der die Lösung möchte, hier ist der Code:

%Vor%

Sie müssen die CSS-Eigenschaft 'max-width' überschreiben.

    
Luis Antonio Pestana 28.07.2016, 01:15
quelle
6

Durch die Erhöhung der Spezifität des Selektors ist es möglich, es ohne das! wichtig zu machen:

%Vor%

Was macht es ein bisschen sauberer, da! wichtig sollte so sparsam wie möglich verwendet werden, wie im Stack Overflow Artikel hier erwähnt: Soll ich in CSS nicht wichtig verwenden?

    
Uniphonic 24.03.2017 20:22
quelle
3

Sie brauchen ! wichtig überhaupt nicht! Ionic hat eine Mindestbreite von 45% angegeben (oder was auch immer gemäß Ihrer Version von ionic). Sie müssen es nur mit einer maximalen Breite von 100% überfahren. Gleichzeitig wird die Auswahl, die ein Inline-Element ist, nur so erweitert, dass sie zu ihrem Inhalt passt. Es füllt also nicht die ganze Breite. Um dies zu ermöglichen, fügen Sie einfach width: 100% hinzu. Ihre endgültige CSS-Klasse könnte also etwa so aussehen:

%Vor%     
Devner 05.08.2017 16:42
quelle
2

Ich probiere die einzelnen Lösungen aber fand einen perfekten Weg dazu :) Ändere einfach deine Sass-Datei, indem du diese hinzufügst.

%Vor%     
Kishan Oza 02.01.2018 12:25
quelle
0

Die Antwort von Luis Antonio Pestana ist gut, wenn Sie ihn mit dem Code seiner ersten Frage verbinden. Also, um klarer zu sein, ist der vollständige Code, um das Ion-select zu bekommen, um 100% seines Behälters zu nehmen:

%Vor%     
fraxool 06.04.2017 08:17
quelle

Tags und Links