大家好 – 我想知道是否有人可以对我遇到的问题提供任何见解,但我无法解决这个问题。最初是 Chrome 的问题,但自从修复后现在是 Firefox 的问题。
查看以下左侧菜单图像。当它在 Firefox 中呈现时,“go”按钮出于某种原因悬停在下方。这不会发生在其他浏览器中。
它在 Firefox 中的外观:
Here是 HTML 和 CSS
我正在使用 Firefox 14.0.1
最佳答案
将其包含在您的样式表中:
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}
问题是 firefox 在按钮和输入中放置了一些默认填充。由于您的搜索元素需要一个特定的宽度,因此一点点填充就会把它弄乱。
上面的代码删除了那个填充。这是许多重置样式表中的常见“代码”。
关于html - Firefox 渲染菜单图像不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11604790/