css - 删除搜索栏中输入字段和按钮之间的空格

Question

我目前正在尝试修改应用程序中的默认搜索栏，似乎我可以选择编写 CSS 文件来自定义搜索栏。我的问题是，默认情况下，搜索按钮和输入字段之间不应该有一个空格。我不确定是什么原因造成的，但我正尝试在 CSS 中修复它。

我的搜索栏现在看起来像这样:

实际上应该是这样的:

我的 CSS 代码现在是这样的:

.main-sidebar .sidebar .sidebar-menu .sidebar-form {
  border: none;
  display:inline-block; 
}

.main-sidebar .sidebar .sidebar-menu .sidebar-form .input-group {
  font-family: "Georgia", Times, "Times New Roman", serif;
  border:none;
}

.main-sidebar .sidebar .sidebar-menu .sidebar-form .input-group-btn {
  border:none;
}

我试图消除边距、填充和所有内容，但似乎没有任何效果(而且我对 CSS 也不太了解，无法弄清楚)。

谢谢。

Answer 1

我认为 input-group-btn 或 input-group-text(搜索文本区域的虚构名称)之间的边距不为零，因此将它们设为零，然后尝试将它们包含在一个 div 中，然后应用相同的封闭 div 的边距。