Dependency field styles not working ~ Fix given

Sep 25, 2016

Usecase

Applying bootstrap / some other css libraries for Visualforce page doesn't help you in styling Dependency Picklist fields

Example Screenshot

NOTE: Even writing inline styles cant help you here

Solution

As discussed earlier css Libraries/ Inline css/ External css cant fix this problem.

In order to fix this you need write styles at Select tag level under <Style> tgas as shown

select {
    width: 100 % ;
    height: 25 px;
    background-color: white;
}

Output

Happy coding! Comment below for additional help

Phanindra Mangipudi

Salesforce, Lightning Web Componets, Node.Js, Angular 2+, Bootstrap