You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用CSS增大网站各类输入区域的文本字号

针对网站文本字号调整的CSS解决方案

以下代码可解决你提到的三个文本字号过小问题,可添加到你的网站自定义CSS区域:

  • 首页邮件订阅输入框:
    精准定位订阅输入框,增大输入文本字号:

    #mc_embed_signup input[type="email"] {
      font-size: 16px !important;
    }
    

    (!important用于覆盖原有样式优先级,确保生效)

  • 食谱文章评论框:
    调整评论输入框的文本字号:

    .comment-form textarea {
      font-size: 16px !important;
    }
    

    若需同步调整姓名、邮箱等单行输入框,可补充:

    .comment-form input[type="text"],
    .comment-form input[type="email"] {
      font-size: 16px !important;
    }
    
  • 食谱索引页左侧栏下拉文本框:
    增大侧边栏下拉选择框的文本字号:

    .widget-area select {
      font-size: 16px !important;
    }
    

你可根据实际需求将16px调整为合适的字号大小。

内容的提问来源于stack exchange,提问作者Erin Wysocarski

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 23:24:51