子比主题美化-给多功能搜索组件的搜索图标添加一个显眼包的背景样式

2026-02-26 0 441

前言

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

效果图

子比主题美化-给多功能搜索组件的搜索图标添加一个显眼包的背景样式

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;}

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免费领取 子比美化 子比主题美化-给多功能搜索组件的搜索图标添加一个显眼包的背景样式 https://www.mflq.com/127.html

相关文章

猜你喜欢
发表评论
1 条评论
2026年5月2日 下午3:02 回复

66666

官方客服团队

为您解决烦忧 - 24小时在线 专业服务