输入文本框内联css不起作用

Question

我是移动页面开发的完整新手（使用html 5），所以请放心使用。

我有一张表格，里面有一些文字输入。我试图限制宽度，但没有运气。

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

这与宽度完全无关，但该字段仍有效。

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

这不会对宽度产生任何影响，但也会禁用该字段（无法在其上键入）。请注意，此页面使用的是jquery-mobile，并且我已在头标记中使用此CSS覆盖表样式（如果这一点很重要）

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

Answer 1

您发布的代码有效，这意味着其他CSS正在更改它。假设背景颜色相同，将文本设置为白色会使您很难看到自己要输入的内容。

将您的页面加载到浏览器中（在您的计算机上，而不是移动设备上）并点击F12，然后检查该元素。它将向您展示CSS对其的影响，以及样式的文件和行号。在调试CSS问题时，F12是你最好的朋友！