Javascript 如何控制表单中的字体'；s文本输入字段

我有一个

，有几个文本输入字段，如下所示：

<input id="reg" type="text" name="reg" style="width: 200px;" class="eztext">

在

前面的我的

部分中，我有代码为所有这些字段选择字体：

        var el = document.getElementsByClassName("eztext")

        for (var i = 0; i < el.length; i++)
        {
            el[i].style.fontSize = "30px";
            el[i].style.backgroundColor = "#00ff00"; // bright green background as diagnostic
        }

var el=document.getElementsByClassName（“eztext”）
对于（变量i=0；i

当我第一次在清除缓存的浏览器中运行此功能时，表单看起来与预期完全一样，背景为亮绿色，如果我在框中输入文本，它将显示一个大的30px字体。。。但是，如果我以前多次使用过该表单，那么浏览器似乎记住了以前的几个条目，即我看到表单中已经有一些以前输入的文本，如果我单击文本字段，我会看到一个菜单，其中列出了以前输入的各种字符串

---

我的问题是，背景颜色和字体显然都是由其他系统设置的，字体大小不是30，背景也不是绿色。不幸的是，我不知道是什么东西在控制字体的样式。我在文档中找不到有关

标记的任何内容。

浏览器出于方便起见，会为用户保存以前的输入值。但是，这不应影响元素的样式

首先检查您没有被覆盖的CSS

CSS的顺序，包括和内联CSS

！重要信息

属性

您似乎也在使用不必要的JavaScript来应用您的样式。为什么要以这种方式使用JavaScript，还有什么更深层次的含义吗？您可以使用选择器来使用普通的CSS解决方案

作为最后的手段，您可以禁用自动完成功能，但这应该是您的最后手段，因为让用户能够使用它是提高生活质量的一种手段。有多种方法可以做到这一点，最简单的方法是：

<input id="reg" type="text" name="reg" style="width: 200px;" class="eztext" autocomplete="off">

或者对于整个表单：

<form autocomplete="off" action="...">

有关禁用输入字段的详细信息

如果完全是关于输入字段本身的背景样式，您可以使用

-webkit

CSS属性来获得所需的样式

更多关于这个

由@Ramon de Vries在评论部分提供

---

例如，如果Chrome能够识别输入字段值，它会自动保存这些值，但不应影响“样式”。但是为什么你不做常规的CSS样式呢？您有可用的选择器。基本上，你已经用不必要的JavaScript将问题复杂化了。是实际输入的字体大小和颜色不再正确，还是在问题下方打开的自动填充框？@Martin:实际上是在“30px”中是一个根据屏幕大小而变化的参数-为了简单起见，我在这里放了30px。不过，可能更适合使用CSS变量。好的，是浏览器自动填充造成输入混乱，请看这里：。关于旧文本字符串列表，是的，这是正常的行为，如果我是你，我不会改变。