使用 CSS 在 iWebKit 中格式化表格不起作用
我正在使用 iWebKit 设置移动 iPhone Intranet 站点。大多数事情都工作得很好，除了我无法使用 CSS 正确格式化我的表格。
我的 HTML（实际上是 ASP，因为 HTML 是使用数据库查询创建的）如下：
<div id="content">
<ul class="pageitem">
<li class="textbox">
<table class="mytable">
<tr>
<th>Type</th>
<th>Value1</th>
<th>Value2</th>
<th>Value3</th>
<th>Value4</th>
</tr>
<tr>
<th>First type</th>
<td>123</td>
<td>456</td>
<td>789</td>
<td class="targetok">159</td>
</tr>
</table>
</li>
</ul>
</div>
我已将以下内容添加到 iWebKit 的 CSS 文件中：
.mytable {
border:1px solid black;
border-collapse:collapse;
font-family: Helvetica;
color:#000000;
font-size:20px;
width:100%;
height:35px;
padding:5px;
text-align:center;
-webkit-text-size-adjust:none;
}
.targetok {
background:#80FF80
}
我尝试了几种组合（还添加了 table、tr、th和/或 td 到 .mytable），但该表似乎从未被格式化。它总是显示无边框、小字体、无颜色……
由于我对 CSS 不太了解，所以我也很快地关注了 W3SCHOOLS 上的 CSS 介绍。据我所知，语法是正确的。
我似乎丢失了一些东西，但找不到。我的语法有问题吗？或者 iWebKit 是否会阻止您添加自己的 CSS 规则？
I am setting up a mobile iPhone Intranet site with iWebKit. Most of the things work perfectly, except I cannot get formatting of my table right using CSS.
What I have in my HTML (actually ASP since the HTML is created using queries on a database) is the following:
<div id="content">
<ul class="pageitem">
<li class="textbox">
<table class="mytable">
<tr>
<th>Type</th>
<th>Value1</th>
<th>Value2</th>
<th>Value3</th>
<th>Value4</th>
</tr>
<tr>
<th>First type</th>
<td>123</td>
<td>456</td>
<td>789</td>
<td class="targetok">159</td>
</tr>
</table>
</li>
</ul>
</div>
And I've added the following to iWebKit's CSS file:
.mytable {
border:1px solid black;
border-collapse:collapse;
font-family: Helvetica;
color:#000000;
font-size:20px;
width:100%;
height:35px;
padding:5px;
text-align:center;
-webkit-text-size-adjust:none;
}
.targetok {
background:#80FF80
}
I've tried several combinations (also adding table, tr, th and/or td to .mytable) but the table never seems to be formatted. It is always shown without borders, small font, not colored, ...
Since I don't know much about CSS I also quickly followed the CSS introduction on W3SCHOOLS. As far as I can see the syntax is correct.
I seem to be missing something, but can't find it. Is something wrong in my syntax? Or does iWebKit prevent you from adding your own CSS rules?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
要强制刷新，您可以使用以下代码：
其中 1 是您的版本，Safari 将检索此 css，因为它就像 php 请求。
或者您可以在
标记中添加内联样式To force refreshing you can use this code:
Where 1 is your version, Safari will retrieve this css because it's like php request.
Or you can add inline styles in
<style></style>tag找到原因了。
显然，当我更改 CSS 文件时，iPhone 的 Safari 不会刷新它。
但是，我没有看到关于如何强制刷新 CSS 文件的干净方法。将将此作为一个新问题输入。
Found the cause.
Apparently, iPhone's Safari does not refresh the CSS file when I change it.
However, I see no clean way on how to force a refresh on the CSS file. Will enter this as a new question.