0

テーブルで奇妙な問題が発生しています... CSS で境界線を 0 に設定し、境界線の色を透明に設定しましたが、ブラウザーではまだ上部に境界線が表示されますそして左は意味不明…

テーブルは次のようになります<table cellspacing="0" style="border-width:0px;border-collapse:collapse;" id="gvTransactions" pagersettings="" rules="all" class="transaction-posts">

css は次のようになります。

table.transaction-posts, table#gvTransactions {
  border: 0 none transparent !important;
  border-radius: 0 0 0 0;
}

ご覧のとおり、境界線を0に設定しても、上、左、およびすべての行に黒い境界線が出力されます...

ここに画像の説明を入力

4

2 に答える 2

0

テーブルタグに... border="0" を追加します...それが機能しない場合は、css のいずれかがそれをオーバーライドしているかどうかを確認し、コードを jsfiddle に投稿します。

于 2012-04-23T09:15:02.573 に答える
0

タグの HTML 属性rules="all"により、tableすべてのセルのすべての側面に境界線が描画されます。HTML 4.01 仕様では、これはやや漠然としていますが、ブラウザーはこのように解釈します。したがって、境界線が必要ない場合は、その属性を削除してください。

すべてではなく一部の境界線が必要な場合は、それらを適切に設定する必要があります。たとえば、一番上と一番左の境界線が問題である場合 (これは質問の解釈の 1 つです)、次のように設定します。

table#gvTransactions tr:first-child th, table#gvTransactions tr:first-child td {
  border-top: none;
}
table#gvTransactions th:first-child, table#gvTransactions td:first-child {
  border-left: none;
}

最初のルールは、最初の行のセルの上罫線を削除します。2 番目のものは、親の最初の子であるセル、つまり最初の列のセルの左境界線を削除します。

于 2012-04-23T10:12:07.567 に答える