只突出显示表格单元格中的文本

问题描述：

我有一个由java生成的html表格。我想简单地突出显示表格单元格中的文本，而不将背景颜色设置为整个单元格。只突出显示表格单元格中的文本

我会开始说我知道我可以通过播放表单元格来做我想做的事情。但是，这在开发阶段已经很晚了，我不想在这上面花费很多时间。

这就是他们想要的东西： enter image description here

但是，如果我用格式的单元格这样的：

<td style="width:20%;background-color:yellow;">Last:&nbsp;Thudpucker</style></td> 
<td style="width:20%">First:&nbsp;Jimmy</td> 
<td style="width:20%">Middle:&nbsp;T</td> 
<td style="width:20%">DOB:&nbsp;12/12/1992</td>

我得到这个：

enter image description here

是他们想要的东西可能只是HTML/CSS？

你将不得不使用一些jQu如果您不想编辑HTML，则为。 – Alex

@ Alex：我不介意编辑html，我只是不想改变表格结构和单元格的数量。这只是更大表格的一小部分，我花了太多时间在格式上。 –

答

您可以使用span此类似....

<td style="width:20%;">Last:&nbsp;<span style="background-color:yellow;">Thudpucker</span></td> 
<td style="width:20%">First:&nbsp;Jimmy</td> 
<td style="width:20%">Middle:&nbsp;T</td> 
<td style="width:20%">DOB:&nbsp;12/12/1992</td>

我早些时候尝试过。它只是忽略了span标签内的所有内容，这实际上只是删除了姓氏。 –

其有效地为我工作..我刚刚通过复制此代码检查此... – Arjun

检查此http://jsfiddle.net/N7p54/1/ – Arjun

答

您可以使用单词围绕标记你想突出或HTML5的标签，如果你不关心IE8和更低（或有这方面的解决办法），并与一些CSS后来的风格，所以：

<td style="width:20%">Last:&nbsp;<span>Thudpucker</span></style></td>

或：

<td style="width:20%">Last:&nbsp;<mark>Thudpucker</mark></style></td>

不幸的是，IE8是当下的办公室标准。好主意，当我们升级时。 –

只突出显示表格单元格中的文本

相关推荐