LightSNS主题搜索界面美化-网站周边-艺优论坛

如题，官方提供的着实不算漂亮，修改了下分享给大家，同时也解决了搜索界面关闭按钮太靠右上角的问题，喜欢的朋友欢迎使用。

美化前的截图；

美化后的截图；

代码如下：

/*搜索界面美化*/
.jinsom-pop-search.show {
    background-color: rgb(255 255 255 / 0.8);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(25px);
}
.jinsom-pop-search-content input {
    border: 1px solid #0084ff;
}
.jinsom-pop-search-content span {
    color: #fff;
    background-color: #0084ff;
}
.jinsom-pop-search-hot p,.jinsom-pop-search-bbs .title,.jinsom-pop-search-topic .title {
    color: #0084ff;
}
.jinsom-pop-search-hot-list a {
    border: 1px solid #0084ff;
    color: #0084ff;
}
.jinsom-pop-search-hot-list a:hover {
    background-color: #0084ff;
    border-color:#0084ff; 
    color: #fff;
}
.jinsom-pop-search .close {
    left: 50%;
    top: 88px;
    margin-left: 320px;
}

©版权免责声明

1、本主题所有言论和图片纯属会员个人意见，与本论坛立场无关；

2、本站所有主题由该帖子作者发表，该帖子作者与本站享有帖子相关版权；

3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和的同意；

4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任；

5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责；

6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意；

LightSNS主题搜索界面美化

关注微信公众号

最新内容