找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 202|回复: 3

搜索框高度调整解决方式

[复制链接]
匿名  发表于 2025-7-16 01:10:58 |阅读模式

homepage.css可以直接用记事本打开编辑





调整下面的数值到一个自己觉得合适的高度就行了


/* 设置搜索框距离顶部的距离 */
#ntp-search-box-container {
    margin-top: 8vh;
}

/* 设置到导航图标距离顶部的距离 */
.tile-grid {
    margin-top: 10vh;
}

/* 设置选择搜索引擎的div距离顶部的距离 */
#ntp-search-engine-list>.ws_drop_down {
    margin-left: -5vw;
    margin-top: 3vh;
}

/* 设置搜索引擎攀比的小箭头隐藏 */
#ntp-triangle-arrow {
    display: none;
}

/* 导航图标 */
.mp-contents>.mp-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f3f4;
}

.mp-contents>.mp-img-container>img {
    width: 40%;
    height: 40%;
}



上面末尾的两段代码是设置导航图标的,自定义的时候使图标有一个合适的大小和位置,图标的图片网址推荐使用base64(网上搜索图片转base64),可以不需要网络请求,能一瞬间加载出来


回复

使用道具

9

主题

8543

回帖

2万

积分

超级版主

(^^ゞ

积分
23728
发表于 2025-7-16 12:03:26 | 显示全部楼层
感谢分享。
¯\(°_o)/¯
回复

使用道具 举报

6

主题

85

回帖

385

积分

中级会员

积分
385
发表于 2025-7-16 15:29:23 | 显示全部楼层
不明觉厉,高级操作
回复

使用道具 举报

1

主题

10

回帖

67

积分

注册会员

积分
67
发表于 2025-7-16 19:33:40 | 显示全部楼层
感谢分享。
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

Archiver|手机版|小黑屋|百分浏览器论坛

GMT+8, 2025-7-30 15:47 , Processed in 0.016364 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表