Ich möchte die Breite der MD-Autocomplete-Box zu erhöhen, da einige der angezeigten Elemente nicht vollständig angezeigt werden (sie enden in "...").Erhöhung md-Autocomplete Box Breite
Gibt es eine Möglichkeit, die Breite der Dropdown-Box von md-autocomplete zu ändern?
hinzufügen md-menu-class="class-name" Attribut zu Ihrem <md-autocomplete> Tag und geben CSS class-name
Bitte überprüfen Sie die Version Ihres Winkel-Material und ob diese Version unterstützt diese Funktion oder nicht. Wenn das obige nicht funktioniert. Versuchen Sie etwas wie folgt zu tun. (Nicht empfohlen)
CSS:
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
width:700px !important;
}
Dies ist in Ihrem codepen arbeiten. Bitte versuchen Sie es.
Hinzufügen einer Klasse mit MD-Menü-Klasse geholfen, aber die Box noch nicht erhöht, wenn ich Breite hinzugefügt: 500px. Hinzufügen von Breite half ein bisschen, weil es nicht mehr das "..." hat. Ich denke, es hat die Breite des Textfelds innerhalb des Dropdowns erhöht, nicht das Dropdown-Menü selbst. Welches CSS benötige ich, um die Dropdown-Breite zu erhöhen? – McDonnas
@McDonnas Auch in angular-material.css ist die Eigenschaft max-width festgelegt. in Ihrem css. Fügen Sie die folgenden max-width: 500px! Wichtig; –
adding max-width: 500px! Wichtig hatte keinen Einfluss auf die Dropdown-Breite. Ich habe sogar die maximale Breite auf 5000px eingestellt und es hat nichts verändert. – McDonnas
Es sieht aus wie sie dieses Problem behoben haben, so können Sie einfach die Breite der MD-Autocomplete über CSS einstellen und alles andere passt sich entsprechend an.
<md-autocomplete style="width: 22em;" ...
Ja, das funktioniert tatsächlich. –
versuchen, .md-virtual-repeat-container.md-autocomplete-suggestions-container {right: 0; } zu deinem CSS. Wolltest du das erreichen? – Shivi