AI摘要

本文分享了子比主题的美化教程，通过提供CSS代码为多功能搜索组件的搜索图标添加显眼的背景色块样式，该效果仅在PC端显示，移动端不适用。

为子比主题的多功能组件的搜索框的左侧icon搜索图标添加一个显著的背景块，移动端不使用。扒的初一的。

效果图

CSS

[hidecontent type="logged"] 
/* 子比主题美化-给多功能搜索组件的搜索图标添加一个显眼包的背景样式 */
@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;}
/* 给多功能搜索组件的搜索图标添加一个背景样式 结束 */
[/hidecontent]