选择选项字体大小不变

Question

我已经尝试过将它放在课堂上，然后通过访问课堂进行编辑 我也尝试过 optgrp，但也没有用。

请看下面我的代码

<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>

Answer 1

试试这个..

<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>