搜索框和目录风格改进

最后更新于: 2025-12-06 10:36:40

搜索框和目录风格改进

版权

个人原创。

环境

2025.2.24(已解决)

自己开源的《vuepress-theme-vdoing-one-public》网站模板。

此模板是在Young Kbt blog的开源项目《Kele-Bingtang.github.io》基础上修改为自己的风格而成，感谢大佬开源的模板&感谢原作者开源的vdoing主题。❤️❤️

效果

配置

（1）在docs\.vuepress\styles\palette.styl文件后添加如下代码

 1/*目录右侧小按钮颜色*/
 2.arrow.right {
 3    border-left: 6px solid #1d1d26;
 4}
 5
 6
 7/*目录右侧小按钮下拉时的颜色*/
 8.arrow.down {
 9    border-top: 6px solid #16d925;
10}
11
12
13
14
15/*搜索框边框颜色和搜索字体颜色*/
16.vdoing-index-class .search-box1 input {
17 border-color: #11a8cd;
18 color: red;
19}