讲师中心 微信公众号
AI工具推荐 视频效率加速

搜狗搜索怎么修改站内搜索代码的文字大小

大强同学_1242

大强同学_1242

发布时间:2026-09-21 08:12:21

|

474人浏览过

|

来源于php中文网

原创

必须将搜狗搜索JS转为本地文件后修改font-size值,如将font-size:14px!important;改为16px或18px并保留!important;也可用MutationObserver动态设置input字体大小作临时测试。

搜狗搜索怎么修改站内搜索代码的文字大小

要让搜狗搜索嵌入到自己网站的站内搜索框文字更清晰可读,必须直接修改其提供的JavaScript代码中控制字体大小的CSS部分,而不是依赖外部样式覆盖。

定位并替换原始searchbox.js中的font-size声明

打开你网站中已嵌入的搜狗站内搜索代码,通常以<script src="https://www.sogou.com/web/searchbox.js"></script>开头。这个JS文件是远程加载的,无法直接编辑——你需要把它转为本地静态资源。

在浏览器中访问 https://www.sogou.com/web/searchbox.js ,全选复制全部内容,新建一个文本文件,粘贴保存为 searchbox-local.js,上传至你网站的/js/目录下。

将页面中原有的远程引用:
【<script src="https://www.sogou.com/web/searchbox.js"></script>】
替换为本地路径:
<script src="/js/searchbox-local.js"></script>

在本地JS中查找并修改font-size值

用代码编辑器打开刚上传的 /js/searchbox-local.js 文件。

按 Ctrl+F 搜索 font-size,你会找到类似这样的行:
font-size:14px!important;

这行控制输入框内文字大小,14px 是默认值。将其改为 16px、18px 或其他你需要的尺寸(如 1rem),注意保留 !important —— 没有它,你的修改会被搜狗JS内部样式覆盖。

改完保存文件,刷新网页即可看到搜索框文字变大。如果没生效,检查浏览器是否缓存了旧版 searchbox-local.js,尝试强制刷新(Ctrl+F5)或清空缓存。

通过内联style属性临时覆盖(仅限测试)

方法一:给搜狗生成的 input 元素加 style 属性

在搜狗JS加载完成后,用一段小脚本追加样式:
<script>document.querySelector('.sogou-search-input')?.style.fontSize='16px';</script>

方法二:用 MutationObserver 监听DOM插入后立即注入style

这段代码比方法一更可靠,能捕获动态生成的搜索框节点:
<script>new MutationObserver(()=>{const i=document.querySelector('input[name="query"]');if(i&&!(i.style.fontSize))i.style.fontSize='16px';}).observe(document.body,{childList:true,subtree:true});</script>

注意:这两种内联方式在搜狗JS更新后可能失效,仅建议用于快速验证效果,长期使用请优先采用第一种本地JS修改法。

热门AI工具

更多
火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

相关专题

更多
NumPy数组创建索引切片与数据选择
NumPy数组创建索引切片与数据选择

本专题整理 NumPy 数组创建、索引、切片与数据选择相关教程,覆盖 np.array、zeros/ones、多维数组形状、基础切片、花式索引、布尔索引、条件筛选、视图与副本等常用场景,帮助读者系统掌握 ndarray 数据构造与高效提取方法。

0

2026.09.21

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

20

2026.09.20

AionClaw AI智能体与电脑自动化任务执行功能使用教程
AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw专题整理AI智能体与电脑自动化相关功能使用教程,涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能,帮助用户快速掌握AionClaw的实际使用方法。

0

2026.09.20

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

180

2026.09.16

ai生成视频的工具免费版合集
ai生成视频的工具免费版合集

本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单,涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异,助您快速选择合适工具开启AI视频创作。

100

2026.09.16

Pandas时间序列分析与可视化报表
Pandas时间序列分析与可视化报表

本专题整理Pandas日期转换、时间索引、重采样、滚动窗口、时区处理、plot绘图、Styler表格样式和报表输出方法。

80

2026.09.16

Pandas数据筛选索引与清洗处理
Pandas数据筛选索引与清洗处理

本专题整理Pandas中的loc、iloc、条件筛选、query查询、缺失值处理、重复值删除、类型转换和字符串列清洗方法。

60

2026.09.16

Pandas数据读取导入与文件导出处理
Pandas数据读取导入与文件导出处理

本专题整理Pandas读取CSV、Excel、JSON、SQL、Parquet等文件的方法,以及to_csv、to_excel、to_sql和to_parquet等常用数据导出流程。

40

2026.09.16

GDB怎么设置断点
GDB怎么设置断点

本专题介绍GDB按照函数名、源代码行号和文件位置设置断点的方法,详细说明run、continue、next、step等命令的配合使用,帮助定位程序崩溃、逻辑异常及代码未按预期执行的问题。

400

2026.09.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn