テーブルの背景色設定について

トピック(質問)はできる限り「キャプチャ画像」や「該当URL」など詳細を記載しましょう。文字だけではほとんど伝わらないことが多いです。(使い方

ホーム フォーラム テーマに関すること テーブルの背景色設定について

このトピックには0件の返信が含まれ、1人の参加者がいます。1 週、 1 日前 taichi さんが最後の更新を行いました。

1件の投稿を表示中 - 1 - 1件目 (全1件中)
  • 投稿者
    投稿
  • #942

    taichi
    参加者

    アフィンガー5のカスタマイズでテーブルの背景色や文字色を設定しているのですが、うまくできなくなりました。表上部の背景色を変更するときはカスタマイズで、「横一列目(tr)及びヘッダセル(th)の背景色」から変更することはできます。

    <div class=”scroll-box”>
    <table style=”border-collapse: collapse; width: 100%;” border=”1″>
    <thead>
    <tr>
    <th style=”width: 25%;”></th>
    <th style=”width: 25%;”></th>
    <th style=”width: 25%;”></th>
    <th style=”width: 25%;”></th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    </tr>
    <tr>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    </tr>
    <tr>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    <td style=”width: 25%;”></td>
    </tr>
    </tbody>
    </table>
    </div>

    上のコードで作られた表(上部が見出し)ならうまくいくのはわかるのですが、左側が見出しになるタイプの表でも上部の背景色が変わるのはどう対応しているのでしょうか?

    <div class=”scroll-box”>
    <table style=”border-collapse: collapse; width: 100%;” border=”1″>
    <tr>
    <td style=”width: 50%;”></td>
    <td style=”width: 50%;”></td>
    </tr>
    <tr>
    <td style=”width: 50%;”></td>
    <td style=”width: 50%;”></td>
    </tr>
    <tr>
    <td style=”width: 50%;”></td>
    <td style=”width: 50%;”></td>
    </tr>
    </table>
    </div>

    今までは、

    table th{
    background-color: #3949AB;
    color: #ffffff;
    }

    上記のCSSでthの背景色だけ変更して、カスタマイズで背景色を変更しない設定でやってきました。ですが、5/4のアップデートをしたタイミング(?)で、thの背景色が反映されず、白に近いグレーのような色になっています。

    「横一列目(tr)及びヘッダセル(th)の背景色」を変更すれば色は変わりますが、横が見出しになる表にも変更が加わってしまうので、どう対処していいのかわからない状態です。
    恐れ入りますが、よろしくお願いいたします。

1件の投稿を表示中 - 1 - 1件目 (全1件中)

このトピックに返信するにはログインが必要です。

「記事」が主役のマガジン型子テーマ

Googleインフィード広告が自然に溶け込む魔法のJET

大人気

詳しくはコチラ

更新日:

Copyright© ステ子掲示板(β) , 2019 All Rights Reserved Powered by AFFINGER5.