使用CSS格式化iWebKit中的表格不起作用

我正在使用iWebKit設置移動iPhone內聯網站點。大部分工作都很完美，除非我無法使用CSS對錶格進行格式化。使用CSS格式化iWebKit中的表格不起作用

我在我的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 
}

我嘗試了幾種組合（也添加表格，tr，th和/或td到.mytable），但表格從未被格式化過。它始終顯示無邊框，小字體，沒有顏色，...

因爲我對CSS不太瞭解，所以我也很快遵循了W3SCHOOLS上的CSS介紹。據我所見，語法是正確的。

我似乎失去了一些東西，但無法找到它。我的語法有問題嗎？或iWebKit阻止你添加自己的CSS規則？

來源

2012-02-03 Patrick

要強制刷新，你可以使用此代碼：

<link href="your.css?1" rel="stylesheet" type="text/css" />

其中1爲您的版本，Safari會因爲它像PHP請求檢索這個CSS。

或者您可以添加內聯樣式<style></style>標籤

來源

2012-04-18 11:27:24

找到原因。

顯然，iPhone的Safari並沒有刷新CSS文件，當我改變它。但是，我沒有看到如何強制刷新CSS文件的乾淨方式。將輸入這個作爲一個新的問題。

來源

2012-02-05 11:35:24 Patrick

使用CSS格式化iWebKit中的表格不起作用

回答

相關問題