-1

私の人生では、これを理解することはできないようです。簡単なことのように思えますが、html テーブルは非常に反抗的な場合があります。

これが私がやろうとしていることです -

.highlight {border-color:red;}

ここに画像の説明を入力

ここにフィドルがあります - http://jsfiddle.net/MuAR4/1/

ボックス 2 にはギャップがありません。境界線を途切れなく一周させたいと考えています。ハイライト クラスは、独自の問題を抱えている他のボックスにも適用できる必要があります。

これは、ユーザーがボックスをクリックしたときの選択状態であり、javascript によって処理されます。

これは可能ですか？必要に応じて、Javascript ハックを使用することにオープンです。

更新これをIE7で動作させたいのですが、解決策はありますか?

4

2 に答える 2

2

このようなアウトラインの助けを借りて、背景色と境界線の間隔を工夫することができます（境界線を折りたたんではいけないことに注意してください）。

table {
  background: #555;
  border-spacing: 5px;
}
td {
  background: white;
  width:175px;
  vertical-align:top;
}
.highlight {
   outline: 5px solid red;
}

http://jsfiddle.net/MuAR4/9/

于 2013-01-13T13:51:43.233 に答える
1

テーブルに余分な境界線は必要ありません。個別に使用できます：http：//jsfiddle.net/MuAR4/3/

table, td {border:5px solid #555; border-collapse:separate;}
table {border: 0px;}
td {width:175px; vertical-align:top;}
.highlight {border-color:red;}
于 2013-01-13T13:32:26.620 に答える