Css for all dropdowns

tfoot select {
  font-size: 14px;
  width: 150px;
  /* add other properties as needed */
}

Hi try this method may it can help you.

Hi Tuhi

   Still not working. IN dropdown it is showing the same way as image attached

 tfoot .form-control {
        font-size: 12px;
        text-align: left;
    }

Thanks

To set font size and width for all dropdowns in the table footer (), you can use CSS to target all dropdowns in the footer and apply the desired styles. 

    
        
            
                Select Book
            
        

        
            
                Select Session
            
        
    

we're targeting all elements with the class form-control within the tag using the tfoot .form-control selector. Then, we're setting the font-size and width properties to 14px and 200px, respectively. 

    Select Session

Along with the existing CSS rules that set the font size and color of the DropDownList control, I have added two new rules to align the text of the dropdown values to the left. The first rule applies the text alignment to the DropDownList control itself, while the second rule applies it to each of its option elements.

Hi Pasand 

  Issue i am facing is that it shows list on right side. When i select value does not shows up in dropdown . I ant that it should be left aligned. I have attached image also.

Thanks

Hi Ramco,

If you are using Boostrap then you should get desired design already. Please check this link as a reference https://getbootstrap.com/docs/4.1/components/forms/#sizing.

 

Regards,
Pasang

Hi Pasand

 It is working but the shape should appear like which i have shown in square or like where date is shown

Image attached

/forums/uploadfile/f61a1a/04032023050400AM/Format.png

Thanks

Hi,
You can add another class for your dropdown. And write CSS for that class. Please check below example.

    
        Select Session
    

Regards,
Pasang

Hi

  If already given class="form-control" , then what should be done

Thanks

Put  a class to listItem like - 
 

Select Book

and give a font property to this class like -

 

.drpdwnfont{
 font-size: 14px; 
}