html下拉菜单文字怎么变小

时间2024-01-29 19:43:02发布访客分类JavaScript浏览792

导读：收集整理的这篇文章主要介绍了html下拉菜单文字怎么变小，觉得挺不错的，现在分享给大家，也给大家做个参考。在htML中，可以利用font-size属性来将下拉菜单的文字变小，该属性的作用就是设置字体的尺寸，只需要给下拉菜单元素添加“font...

收集整理的这篇文章主要介绍了html下拉菜单文字怎么变小，觉得挺不错的，现在分享给大家，也给大家做个参考。

在htML中，可以利用font-size属性来将下拉菜单的文字变小，该属性的作用就是设置字体的尺寸，只需要给下拉菜单元素添加“font-Size: 数值px; ”样式即可。

本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。

在html中建立一个下拉菜单

!DOCTYPE html>
    html>
    	head>
    	meta charset="utf-8">
    	/head>
    	body>
    		select id="select">
    			option value="volvo">
    Volvo/option>
    			option value="saab">
    Saab/option>
    			option value="opel">
    Opel/option>
    			option value="audi">
    Audi/option>
    		/select>
    	/body>
    /html>

将下拉菜单文字变小

select {
    	font-size: 10px;
}