子比主题美化-给多功能搜索组件添加一个搜索图标
为子比主题的多功能组件的搜索框的左侧icon搜索图标添加一个显著的背景块,移动端不使用。
教程开始
将下面CSS代码加入到后台CSS里即可
@media screen and (min-width: 850px)
{.header-slider-search .line-form .icon
{color:#fff;}.header-slider-search .line-form .icon{color:#fff;background-color:var(--theme-color);border-radius:0 50px 50px 0;cursor:pointer;padding:15px;display:block;height:52px;width:100px;padding-right:4px;line-height:0;margin-right:-26px;border:none;position:absolute;right:0;top:-14px;}.line-form:hover{box-shadow:0 2px 30px 0 #fff;}.filter-blur .header-slider-card .zib-widget,.filter-blur .header-slider-search .line-form{overflow:hidden;}}ul li .list-img a .avatar-lg img.avatarbox_Miniimgbox {display: none;}
效果展示
阅读剩余
提示:本文最后更新于2024年11月2日,如有错误或者已经失效,请留言告知。
THE END