I have a selectpicker (bootstrap) in my page which options are loading dyanmically. It has a large number of list but not good to see. I want to reduce the height of the selectpicker. I have give inline style and all but it is not reflecting.

this is my code

<select class=selectpicker data-dropup-auto=false id=estType name=estType>

   <option selected disabled value=0>Select</option>'

</select>

My js code

$function ({

    $.ajax({

        datatype: json,

        type: GET,

        async: false,

        url: Establishment/GetPrePopulationDetails,

        success: function (result, success) {

            var esttypes = $.map(result['EstablishmentTypes'],

                function (key, value) {

                    return $('<option>', { value: value, text: key });

                });

            $('#estType').append(esttypes);

        },

        error: function (xhr, ajaxOptions, thrownError) {

            console.error(xhr.status);

            console.error(thrownError);

        }

    });

});