考虑以下HTML:
<html>
<head>
<style>
TABLE.data TD.priceCell
{
background-color: #EEE;
text-align: center;
color: #000;
}
div.datagrid table
{
border-collapse: collapse;
}
div.datagrid table tbody
{
position: relative;
}
</style>
</head>
<body>
<div id="contents" class="datagrid">
<table class="data" id="tableHeader">
<thead>
<tr class="fixed-row">
<th>Product</th>
<th class="HeaderBlueWeekDay">Price</th>
<th class="HeaderBlueWeekDay">Discount</th>
</tr>
</thead>
<tbody>
<tr style="font-style: italic;">
<td>Keyboard</td>
<td class="priceCell">20</td>
<td style="border-right: #3D84FF 1px solid; border-left: #3D84FF 1px solid;" class="priceCell">2</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
请注意,最后一个单元格的内联样式具有左右边框。您(或至少是我)希望看到它。在IE中,就是这种情况。但是在Firefox(6)中却不是。您可以通过以下方法解决此问题:
div.datagrid table tbody
在CSS中移除相对位置div.datagrid table tbody
为div.datagrid table
background-color
ontable.data td.priceCell
border-collapse
ondiv.datagrid table
这是我们代码的简化版本;我们也解决了它(选择选项2)。但是我想知道的是:
特别是:当CSS保持原样时,Firefox不显示边框的原因是什么?
在我看来,这似乎是一个Firefox错误。背景画在边界上。如果使用半透明的背景色,则可以看到它。
我提交了https://bugzilla.mozilla.org/show_bug.cgi?id=688556
问题内容: 我想在表格中某个字段的上方放置一条线,以表明它是上述值的总和。但是,该表默认情况下已经带有边框。 这是一个示例:我有一张折叠了边框的桌子。我将边框底部设置在一个字段上,将边框顶部设置在其下方的字段上。这两个都指定相同的边框。使用最上面的CSS。有没有一种方法可以使用最底层的? 这显示了两个单元格之间有一条红线。有办法获得金线吗? 问题答案: 这是的已定义行为。《 O’Reilly CS
对于某些表格单元格,我希望有一个多色的上边框或下边框。 基于如何创建多色边框与css和css-多色边框,我能够创建多色边框。 问题是,我想将其组合为一个表格单元格,其中一些单元格具有普通边框,而另一些单元格具有多色边框。 下面的代码设置单元格的多色,但只要我想为“普通”单元格添加黑色边框,它就会覆盖多色边框(请参见代码笔) 这似乎使它部分起作用,必须为表格设置背景颜色。但这会导致粗边框线。 能做些
border(int $borderStyle): \Vtiful\Kernel\Format 示例 $config = [ 'path' => './tests' ]; $fileObject = new \Vtiful\Kernel\Excel($config); $fileObject = $fileObject->fileName('tutorial.xlsx'); $f
问题内容: 我的半径div带有5px虚线边框,但边框在中无法正确显示。它在IE和chrome中显示良好。 问题答案: 您的边界在Firefox上运行,请参见DEMO您可以删除半径来检查它。当您尝试用虚线边框画圈时,FireFox出现错误。 这是一个已知的错误。您的选择是: 如果只是为了画圆,请用绘制,例如此处所示 使用SVG(可能是内联),它支持多种描边路径的方式 制作图片PNG
我在窗口中尝试了相同的代码,它工作正常,但在mac GUI按钮不显示边框和背景颜色的效果。例如。btnc=按钮(root,padx=28,pady=15,bd=5,fg=“黑色”,字体=。(“arial”,30,“粗体”),文本=“C”,bg上面一行代码bg和bd中的格(行=1,列=3)不工作。
问题内容: 我有我的自定义单元格渲染器,想删除单元格的边框。 我该怎么做?我试过setBorder,但是不起作用。 这是我的渲染器代码: 问题答案: 单元格之间绘制的线不是单元格本身的一部分。它们是由桌子绘制的。您可以使用以下方法在整个表格中将其关闭: 要仅禁用水平或垂直线: 或者,您可以使用以下方法更改线条的颜色: