子比主题美化-给多功能搜索组件添加一个搜索图标

子比主题的多功能组件的搜索框的左侧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;}

 

效果展示子比主题美化-给多功能搜索组件添加一个搜索图标

阅读剩余
十一 2

本站历史上的今天

    "吼吼~~~,往年的今天站长不知道跑哪里偷懒去了~~~"
提示:本文最后更新于2024年11月2日,如有错误或者已经失效,请留言告知。
THE END
赶紧收藏我们,查看更多心仪的内容?按Ctrl+D收藏我们 或 发现更多