【问题标题】:Firefox alternate row coloringFirefox 交替行着色
【发布时间】:2011-06-22 03:39:03
【问题描述】:

设计一个简单的 HTML 表格,我将在上面实现交替行着色……但在我开始这样做之前,似乎 FF4 已经自动将交替行着色应用于纯 HTML 表格。即使在指定了我自己在 IE、Chrome 等中正确显示的备用行颜色之后,FF 仍然会为备用行(奇数行)显示它自己选择的颜色,这是一种浅蓝色。

我已经搜索了所有内容,但找不到与此问题相关的任何内容 - 有人有解决方案吗?我需要包含一些特定于 FF 的 CSS 以“强制”它显示我的备用配色方案?

这是表格标记:

<table id="myTable">
  <tr><td>Bill</td><td>Smith</td></tr>
  <tr class="rowAlternate"><td>Joe</td><td>Blow</td></tr>
</table>

这是我正在使用的 CSS:

#myTable {margin: 0;}
#myTable tr {background-color: white;}
#myTable tr.rowAlternate {background-color: #EEE;}  

【问题讨论】:

  • 请发布您的表格标记示例
  • 这不应该发生。你能举一个活生生的例子吗?
  • 您是否在 FF 安全模式下加载了页面?我现在正在运行一个类似的项目,没有任何问题。我敢打赌你有一些插件搞砸了。
  • 如果您安装了 Firebug,它会显示该行从何处获取样式。
  • Firebug 做到了...斑马风格的行着色来自 Blueprint CSS,出于某种原因,它只被 FF 采用。覆盖正确的 CSS 标签做到了:stackoverflow.com/questions/4512731/…

标签: html css firefox


【解决方案1】:

仅供参考,解决方案在这里:How to create a table WITHOUT alternating row colors when using Blueprint CSS framework?

不确定我是否应该删除这个问题。

【讨论】:

  • 我感觉它是蓝图,它们有一些非常粗暴的默认表格样式。
  • 关于这与 Firefox 有什么关系的任何信息?
  • 我会说留下这个问题。这是一个有趣的极端案例/陷阱,可能对面临类似问题的其他人有所帮助。
  • @Wesley,我相信这实际上是浏览器的年龄/版本。 IE 8,较旧的 Chrome 似乎没有遵循 CSS 的领先优势,而我昨天更新的 FF 版本却做到了。
猜你喜欢
  • 2011-06-15
  • 2011-01-19
  • 2010-09-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多