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

<分区>

我是移动页面开发(使用 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，并且我已经在 head 标记中使用此 CSS 覆盖了表格样式(如果这很重要的话)

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

最佳答案

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

将您的页面加载到浏览器(在您的机器上，而不是移动设备上)并按 F12，然后检查该元素。它将向您展示影响它的 CSS，以及样式的文件和行号。 F12 是调试 CSS 问题时最好的 friend !

关于html - 输入文本框内联 css 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26655882/

相关文章：

html - 滚动条不会干扰悬停时的文字换行