子比主题，首页两款方形搜索框美化

在网站首页提供两种不同风格的方形搜索框，以提升用户的搜索体验和网站的整体美观度，通过这种定制化的搜索框设计，可以更好地引导用户进行内容搜索，同时保持与网站整体风格的一致性。

功能介绍

两款方形搜索框：在网站首页提供两种不同风格的方形搜索框，分别是简约风格和品牌元素风格。

自定义设置：
颜色调整：内置颜色选择器，允许用户根据网站的整体色调调整搜索框的颜色和边框颜色。

字体与大小：提供字体大小、颜色等样式选项，方便用户根据网站整体风格进行微调。

图标选择：可以选择不同的图标来装饰搜索框，如放大镜图标、品牌标志等，增强视觉吸引力。

多种布局选项：
简约风格：简洁大方的设计，适合现代感强的网站，突出搜索功能。

品牌元素风格：带有品牌标识或特定图案的设计，增加品牌的识别度和个性化。

交互功能：
自动补全：支持搜索框的自动补全功能，帮助用户更快地找到相关内容。

实时搜索结果：当用户输入关键词时，可以实时显示搜索结果预览，提高搜索效率。

悬停效果：当鼠标悬停在搜索框上时，可以设置变色、放大等动画效果，增加互动性和趣味性。

第一款样式

第二款样式

部署说明

将CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到子比主题–>>自定义javascript代码

源代码