How to add Salesforce1 Dropdown (Picklist) Style for Lightning Component


If you are working on Salesforce1 Lightning Component and have a picklist (or Dropdown) in your component then you will notice that the picklist style is different than default SF1 Mobile style for picklist like below:

Dropdown style issue SF1 Mobile

The solution to make picklist style look like SF1 Mobile default, you would need to update the CSS Style for your component in Developer Console and Add the following Class.

SF1 Picklist Style for LC

Here is the Code for the CSS Style Class:

 

 

The final results for me look like the following similar to SF1 Mobile Style:


Dropdown style solution SF1

Hope That Help!

Share your tips for lightning component below in the comments…

 



you may also like:

Comments are closed.

Disclaimer: The opinions expressed herein are my own personal opinions and do not represent my employer’s view in any way.