我想在此页面中创建一个类似于搜索栏的按钮http://dl.dropbox.com/u/333492/search/form.html
如果您使用chrome,opera或safari加载该页面,则搜索栏看起来应该是应该的(在Mac上进行了测试).但是,如果使用firefox(在Mac上至少经过ff 3.5和3.6测试),您会看到在文本字段的顶部添加了一个额外的像素,因此,文本字段比按钮低了一个像素,看起来很丑.
最佳答案
我终于找到了一篇博客文章,解释了问题的原因并提出了部分解决问题的答案.感谢@anttisykari在Twitter中！
因此正确的答案是在CSS中添加以下几行：
input[type="submit"]::-moz-focus-inner {border:0;} /* ff specific stuff,yuck*/
input[type="submit"]:focus {background:#333;} /* change accordingly depending on your button bg color,this fixes the focus problem when using keyboard to move betweenform elements */
但是,IE8仍然破坏了我的形式,因此我不得不将它们添加到两个输入元素中.
display: block;
position: relative;
float: left;
现在一切似乎都还好.
