html - セルの近くで重なる境界線

Question

これがMSExcelでのセル選択の外観です。

ここに画像の説明を入力してください

通常の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

純粋にテーブルでそれを行う方法はわかりませんが、1つのアプローチはdiv、データのテーブル上に絶対的に配置される別の入力またはテキスト入力を使用することです。

これが実際の例です：http：//jsbin.com/edehoc

私は個人的にこのアプローチが好きです。なぜなら、フォーカスを取得したときに期待されるスタイルを持つおなじみのフォーム要素を使用できるからです。

2 に答える 2