0

通过让父元素具有渐变边框然后子元素具有常规背景来尝试具有某种渐变边框。

这似乎在 FF 中搞砸了,但在 Chrome 中有效……有什么理由说明为什么 FF 添加了某种额外的填充/边距/偏移量,而不是完全 1px 填充?

http://jsfiddle.net/32zbD/1/

这真的很烦人,因为你在 Firebug 中查看它,但额外的部分根本没有显示它来自哪里。它只是“那里”。

我也尝试过在那里使用 CSS 重置样式表来尝试使差异变小,但它仍然存在!

感觉它是由文档类型引起的,就像 HTML5 文档类型一样,我已经让它在 FF7 和 Chrome 中工作。无法更改 JSFiddle 中的文档类型,因此无法真正测试和共享它。

4

1 回答 1

1

Firefox 在放置焦点轮廓的按钮上有一些内部填充。

您可能希望样式button::-moz-focus-inner没有边框或填充。

也就是说,对于按钮样式的特殊情况,操作系统和浏览器在各种其他方面有所不同,所以这些东西并不能真正保证工作......

于 2011-10-20T11:54:18.350 回答