細胞は、あなたがこの画像で見ることができるように私のテーブルでバグがあり、タブレット

Question

に色を維持することはできません。

各行が色を持っている（彼らはここにすべて緑である）が、オーバフロー（スクロール）したセルは、セルの色を維持するのに問題があるようです。 奇妙なことに気付くことができます。色はテーブルの下にあります（ "Légende"ボタンがあるところ）。

私のCSSの一部：

table { 
    table-layout: fixed; 
    width: 100%; 
} 

table tr td{ 
    overflow: scroll; 
    overflow-y: hidden; 
    overflow-x: auto; 
    white-space: nowrap; 
} 

td::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 2px; 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
    background: transparent; 
} 

td::-webkit-scrollbar-thumb:window-inactive { 
    background: rgba(255,255,255,0.3); 
} 

td::-webkit-scrollbar-track { 
    background: transparent; 
    border: 0; 
} 

::-webkit-scrollbar-corner { 
    background: transparent; 
} 

::-webkit-scrollbar { 
    width: 8px; 
    height: 8px; 
} 

::-webkit-scrollbar-thumb:hover { 
    background: #838383; 
} 

::-webkit-scrollbar-thumb:active { 
    background: #6a6a6a; 
} 

tr { 
    background-color: rgb(xx, xx, xx); 
    display: tabl-row; 
} 

は（Chromeを使用して、タブレット）私は小さな画面上だから、それは私のCSSの問題点やバグだ場合、あなたは知っていますか。ラップトップ画面（Chromeでも同様）に問題はありません。

Answer 1

オーバーフロースクロールは、tdタグに直接適用することはできません。したがって、ブロックレベルのdivを、tdタグ内に設定されたoverflow：scrollプロパティでネストします。このように：

<td><div style="overflow:scroll;">Content</div></td> 

あなたは正しいです。このSimilar problem here