Styling dropdowns differently for each select

[traffic-nz]

Hi, I am trying to find a way to change the width of the dropdown for different selects. I use select throughout our website and some need to be wider to fit the design/content. I can easily change the width of the ng2-dropdown-button, but I can only set the width of the dropdown, ng2-dropdown-menu-container--4, once for the app. Any ideas?

[Gbuomprisco]

Hi @traffic-nz,

at the moment it doesn't seem possible, unfortunately. Its child component, though, ng2-dropdown has exactly an option to increase the size of a select. I will need to add an option to be passed to the child in order for you to customize its size. Shouldn't take too long, I'll try to do it asap :)

[traffic-nz]

Thank you! Sounds great!

[traffic-nz]

@Gbuomprisco I just tried installing the most recent version but the styling has gone a bit wonky now... see how the dropdown arrow is now below the placeholder text? I can't get them to line up. Any tips? I was hoping that this new version would let me target and style each select and dropdown but I can't get that to work either.

I don't think that the live demo matches up with the current version either, so that example doesn't help with this.

Thanks!

[sojimon]

How to give style to the ng2 select button