select中如何调整字体大小

vscode

方式/步调

  1. 1

    打开vscode,建立一个html的测试页面,假设叫做 SelectFont.html,若是没有vscode东西,利用记事本输入代码,点窜文件名后缀也可以模拟这个结果

    d439b6003af33a872d49becdc85c10385243b5c5.jpg
  2. 2

    在新建的测试页面 SelectFont.html 中,添加一个select下拉控件,并设置几个下拉值。然后,在select下拉控件的旁边添加一行文本内容,用于最终比力字体巨细的差别

    3bf33a87e950352a00459bdf5d43fbf2b3118bc5.jpg
  3. 3

    在浏览器中打开测试页面,点击select下拉控件,可以看到下拉的文字与外面的文字巨细是一样的

    f7246b600c3387445aac91ab5f0fd9f9d62aa0f8.jpg
  4. 4

    在select标签中添加style属性,设置font-size: 30px; 意思是,设置select下拉框的值字体巨细为30像素

    eaf81a4c510fd9f9627eebbe2b2dd42a2934a4f8.jpg
  5. 5

    在浏览器中打开测试页面,就能看到select选项的文字比四周的文字大了一些

    c75c10385343fbf2780818f4be7eca8064388fc5.jpg
  6. 6

    若是想点窜所有select的字体巨细,可以利用css样式针对select标签设置字体巨细即可

    b17eca8065380cd7413a1c3aaf44ad34588281c5.jpg
  7. 7

    若是想点窜特心猿意马的select字体巨细,可以在select标签中设置,也可以经由过程css的id、class选择器设置。想要文字变大,就调大font-size值。想要文字变小,就改小font-size值

    8c1001e93901213f5c23f00b5ae736d12e2e95d1.jpg
  • 发表于 2019-08-10 18:07
  • 阅读 ( 2133 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具