当我在浏览器辅助功能设置中设置Firefox颜色时,为什么我的textarea边框宽度会发生变化?

时间:2011-11-06 04:32:04

标签: html css firefox

在此fiddle中,使用以下HTML和CSS:

HTML

<input type="text"></input>

CSS

/*Note: The default border is 3 without this rule.*/
input[type="text"] { border: 0px; }

在Firefox中(我测试了3.6&amp; 7),如果我检查textarea的盒子模型,我会得到零边框,正如预期的那样。

但是,如果我转到Edit->Preferences->Content->Colors并取消选中"Allow pages to choose their own colors"复选标记,则textarea的边框会变回3,显然会忽略显式的CSS设置!

  • 在覆盖这样的颜色时,是否有人遇到过类似的问题?
  • 这有点期待还是FF bug?
  • 我没有测试/不知道如何在其他浏览器上测试更改颜色,他们是否有同样的问题?
  • 是否可以围绕边界变化?

编辑:让JSFiddle上的测试用例更加有用。

1 个答案:

答案 0 :(得分:2)

看起来像代码中的一个错误,它应该删除对它们进行样式更改的表单控件的原生主题。取消选中该复选框后,该代码或多或少会停止对非颜色属性的正常工作。操作系统默认主题可以指定它认为必要的任何边框宽度。

我在此提交了https://bugzilla.mozilla.org/show_bug.cgi?id=700221