0

我正在尝试更改标题的背景颜色....它在桌面布局中工作正常....但在 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;
}
4

1 回答 1

1

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

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

不幸的是，要让伪元素组成一个一致的列，需要进行一些调整，但这应该能让你走上正确的轨道！

于 2013-03-30T01:30:18.267 回答