搜索表单-使用 Ivory Search 插件在网站菜单中插入搜索表单

SZYMWP
2025-08-12
2:48 上午
分类：所有效果展示
标签： Ivory Search, 搜索表单

如果视频无法显示请点击这里，直接前往B站观看。

用到的插件

Ivory Search

用到的代码（非必要）

这段代码是对搜索表单的样式进行了美化，并不是一定需要，可以根据你的需求进行添加或修改。

				
					  #is-search-input-0 {
    height: 40px;
    border-radius: 10px 0 0 10px;
    border: 1px solid black !important;
    border-right: none !important;
    box-sizing: border-box !important;
  }

  .is-form-style .is-search-submit path {
    fill: white !important;
  }

  #menu-main-navigation > li.astm-search-menu.is-menu.is-dropdown.menu-item > form > button > span.is-search-icon {
    height: 40px !important;
    border-radius: 0 10px 10px 0;
    padding-top: 8px !important;
    background: black;
    border: 1px solid black;
  }