Select Option Font size in not changing

Question

I have tried it by putting it in class then edit through by accessing the class I've also tried optgrp but that didn't worked either.

Please see my code below

<style>
select {
    width: 300px; 
    margin: 10px; 

font-size:10px;
border:0; 
-webkit-appearance: none;
}

select:focus {
    min-width: 300px;
    width: 300px;
}       

</style>
<label for="Department">Choose a Department:</label>
<select name="Select Department" onchange="location = this.value;">

<option value="#">All Departments</option>
<option value="#">Cardiology</option>
<option value="#">Plastic, Cosmatic & Reconstrustive Surgery</option>
<option value="#">Dentistry</option>


</select>

score 3 · Accepted Answer · answered Sep 24 '20 at 09:03

3

Try this..

<style>
.drpdwn-style{
    width: 300px; 
    margin: 10px; 

font-size:10px;
border:0; 
-webkit-appearance: none;
}  
</style>
<label for="Department">Choose a Department:</label>
<select name="Select Department" class= "drpdwn-style" onchange="location = this.value;">
<option value="#">All Departments</option>
<option value="#">Cardiology</option>
<option value="#">Plastic, Cosmatic & Reconstrustive Surgery</option>
<option value="#">Dentistry</option>
</select>

answered Sep 24 '20 at 09:03

shweta ramani

382
4
6

Thanks I have tried this but it didn't work either... – jaspreet singh Sep 24 '20 at 09:25
Maybe This select is kinda outdated or something?? – jaspreet singh Sep 24 '20 at 09:25
1

please check this https://stackoverflow.com/questions/15830115/how-do-i-change-the-font-size-of-an-option-element-within-select – shweta ramani Sep 24 '20 at 12:29

Select Option Font size in not changing

1 Answers1