Html 在“不更改”中选择“字体大小”选项

我试过把它放在课堂上，然后通过访问课堂进行编辑 我也尝试过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>

挑选{
宽度：300px；
利润率：10px；
字体大小：10px；
边界：0；
-webkit外观：无；
}
选择：焦点{
最小宽度：300px；
宽度：300px；
}       
选择一个部门：
各部门
心脏病学
整形、整容和再造手术
牙科

试试这个

.drpdwn样式{
宽度：300px；
利润率：10px；
字体大小：10px；
边界：0；
-webkit外观：无；
}  
选择一个部门：
各部门
心脏病学
整形、整容和再造手术
牙科

试试这个

.drpdwn样式{
宽度：300px；
利润率：10px；
字体大小：10px；
边界：0；
-webkit外观：无；
}  
选择一个部门：
各部门
心脏病学
整形、整容和再造手术
牙科

谢谢我试过了，但也没用……也许这个选择有点过时了或者什么的？？请检查这个谢谢我试过了，但也没用……也许这个选择有点过时或者什么的？？请检查这个