在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>
将下拉菜单文字变小
奥硕企业网站管理系统具有一下特色功能1、双语双模（中英文采用单独模板设计，可制作中英文不同样式的网站）2、在线编辑JS动态菜单支持下拉效果，同时生成中文，英文，静态3个JS菜单3、在线制作并调用FLASH展示动画4、自动生成缩略图，可以自由设置宽高5、图片批量加水印，可以自由设置字体，大小，样式，水印位置（同时支持文字或图片类型水印）6、强大的标签式数据调用，可以调用（新闻，产品，下载，招聘）支持
0
立即学习“前端免费学习笔记（深入）”；
select {
font-size: 10px;
}
相关推荐：《html视频教程》
以上就是html下拉菜单文字怎么变小的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
998
收藏
