html - 边界，在单元格附近重叠

Question

这就是 MS Excel 中单元格选择的外观：

在此处输入图像描述

是否可以在常规 HTML 中使用类似的边框，<table>以便边框在单元格附近重叠（如果仔细观察，您会发现边框1px在附近单元格的每一侧都延伸了）？

score 3 · Accepted Answer

是的，在一定程度上。我只在 Chrome 中测试过，但这有效：http: //jsfiddle.net/q4Lcc/

td {
    width: 120px;
    height: 50px;
  border: 1px solid gray;  
}

td#test_td {
     border: 3px solid black;   
}

score 1 · Accepted Answer

我不知道纯粹使用表格的方法，但一种方法是使用div绝对定位在数据表上的另一个或文本输入。

这是一个活生生的例子：http: //jsbin.com/edehoc

我个人喜欢这种方法，因为它可以让您使用熟悉的表单元素，当它获得焦点时具有预期的样式。

2 回答 2