html - 在搜索表单上的某些浏览器上，搜索按钮被推到新行

Question

特别是在手机和平板电脑上面临的问题是左上角未对齐的蓝色搜索图标。不知道如何解决这个问题。

截屏

在此处输入图像描述

居住：

www.talkjesus.com（在平板电脑或手机上查看，在桌面上工作）

score 1 · Accepted Answer

在 main-rollup.css 中，将 css 类从

.globalsearch input.textbox {
   height: 22px;
   width: 218px;
   border: none;
   font-size: 13px;
}

到

.globalsearch input.textbox {
   height: 22px;
   width: 212px;
   border: none;
   font-size: 13px;
}

注意文本框的缩短宽度。我相信它会将搜索按钮推到某些浏览器上的新行。

或者，您可以像这样放置按钮：

1 回答 1