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;
}

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

iPhone布局中的背景颜色没有变化

1 个答案: