搜索按钮正在搜索表单上的某些浏览器上推送到新行

时间:2013-02-11 23:56:55

标签: html css vbulletin

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

截图

enter image description here

住:

www.talkjesus.com(在平板电脑或手机上查看,适用于桌面版)

1 个答案:

答案 0 :(得分:1)

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

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

或者,您可以按下这样的按钮:

  • 在表单
  • 上设置“position:relative”css
  • 设置“position:absolute; right:0px; top:0px;”在搜索按钮上
  • 调整搜索按钮的“右”和“顶部”css,直到它位于正确的位置