选择选项字体大小不变

编程问答 2022-06-12

问题描述

我已经尝试过将其放在类中，然后通过访问该类进行编辑 我也尝试过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>

解决方法

尝试一下。

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

fontshtmloption