2014-10-30 56 views
0

我是移動頁面開發的一個完整的新手(使用html 5),所以對我來說很容易。輸入文本框內聯CSS不起作用

我有一個表格放置在一個表格中,有一些文本輸入。我試圖限制寬度,但沒有運氣。

<td colspan='2'> 
<input type='text' size='3'/> 
</td> 

這跟寬度絕對沒有關係,但該字段仍然有效。

<td colspan='2'> 
<input type='text' name='AtoBft' id='AtoBft' style='width: 10px;'/> ' 
</td> 

這不僅對寬度沒有影響,而且禁用該字段(無法在其上鍵入)。請注意,該頁面使用jQuery移動,我已經重寫這個CSS在head標籤的樣式表(如果該事項在所有)

table, td, th { 
    color: #FFFFFF !important; 
} 
+0

使用''data-wrapper-class'作爲僞裝。或者添加'data-role =「none」'來輸入和應用內聯樣式。 – Omar 2014-10-30 15:41:24

+0

我確實說過我是一個新人,對吧?我不知道什麼是愚蠢的。 – user3479671 2014-10-30 16:29:15

+0

我的問題與您建議的問題相同的方式是什麼?那個談論邊界的問題,我的問題是關於文本字體大小 – user3479671 2014-10-30 16:31:31

回答

0

您發佈作品的代碼,這意味着其他的CSS改變它。假設背景是相同的顏色,將文字設置爲白色將使您很難看到您正在輸入的內容。

將您的頁面加載到瀏覽器(在您的機器上,而不是移動設備上)並按F12,然後檢查該元素。它會告訴你什麼CSS正在影響它,以及樣式的文件和行號。調試CSS問題時,F12是您最好的朋友!

+0

表格文本是白色的,但不是文本框。實際上,當我點擊它時,甚至看不到光標在框中。我可以看到我在其他領域中輸入的內容,我沒有搞錯。 – user3479671 2014-10-30 15:16:08

+0

從控制檯,我有:「預期的聲明,但發現'['。跳到下一個聲明。」和「解析'指針事件'的值時發生錯誤,聲明丟失。」發生在我的頁面中,但沒有給定的行號。我無法在任何地方找到這些東西 – user3479671 2014-10-30 15:16:25

+0

你不想在控制檯中看。您想檢查元素並查看其樣式(應顯示在「開發人員工具」窗口的右側)。這會告訴你從中應用風格的文件和行號。 – 2014-10-30 15:55:53