如何移除Sphinx Read The Docs主题侧边栏搜索框的蓝色色调

看起来你已经搞定了侧边栏头部和整体背景的颜色自定义，就差搜索框那层烦人的蓝色调啦！别担心，咱们直接通过自定义CSS就能把它彻底去掉。

这个蓝色调一般是搜索框默认的边框样式，或者是焦点状态下的轮廓/阴影效果，你只需要在你的custom.css文件里添加以下代码就行：

/* 移除搜索框默认的蓝色边框 */
.wy-side-nav-search input[type="text"] {
    border-color: transparent;
    box-shadow: none;
}

/* 覆盖搜索框焦点状态的蓝色样式（点击时不会再出现蓝色） */
.wy-side-nav-search input[type="text"]:focus {
    border-color: var(--grey5); /* 和你的侧边栏背景色保持一致 */
    box-shadow: none;
    outline: none;
}

简单解释下：

• 第一部分代码会去掉搜索框原本的蓝色边框和阴影；
• 第二部分是处理搜索框被点击（焦点状态）时的样式，避免此时又出现蓝色轮廓，这里把边框色设成了你侧边栏用的--grey5，也可以直接设为transparent完全透明。

要是上面的选择器没起作用，你可以用浏览器的开发者工具（F12） inspect 一下搜索框元素，找到它对应的具体CSS选择器，再调整代码里的选择器就行，一般来说wy-side-nav-search下的input元素就是目标啦。

备注：内容来源于stack exchange，提问作者maciek