javascript - iPhone布局中的背景颜色没有改变

Question

我正在尝试更改页眉的背景颜色....它在桌面布局中工作正常....但它在 iphone 布局中不能正常工作....标题颜色在 iphone 布局中没有改变....在下面提供我的代码

http://jsfiddle.net/mzMjT/embedded/result/

<tr>
            <th style="
    background-color: red;
">First Name</th>
            <th>Last Name</th>
            <th>Job Title</th>
            <th>Favorite Color</th>
            <th>Wars or Trek?</th>
            <th>Porn Name</th>
            <th>Date of Birth</th>
            <th>Dream Vacation City</th>
            <th>GPA</th>
            <th>Arbitrary Data</th>
        </tr>

th {
background: #333;
color: white;
font-weight: bold;
}

Answer 1

你的样式没有改变移动布局的原因是因为它隐藏了小屏幕上的 th 元素，并使用 CSS Pseudo-elements代替标题。如果您想在移动版本上设置“标题”的样式，请使用如下内容:

td:before {
    background: #333;
    color: white;
    font-weight: bold;
}

不幸的是，需要进行一些调整才能让伪元素形成一致的列，但这应该会让您走上正轨!