向所有 元素添加 Css 类？ JavaScript/CSS？

我想将 CSS 类应用到我网站中的每个文本框：

        <div class="editor-label">
            <label for="FoodType">FoodType</label>
        </div>
        <div class="editor-field">
            <input id="HelpText" name="FoodType" type="text" value="" />
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>

我想，嘿！简单的。我将添加一个 jquery 函数来在母版页中查找它们。

<script type="text/javascript">
    $(document).ready(function(){
        $('input').addClass('textbox');
    }
</script>

不幸的是，这也会选择提交按钮。如何只选择具有文本类型属性的输入元素？

或者完全使用 CSS 可以实现这一点吗？

如果这两种方法都不可行，我想我只需要手动将类添加到我制作的每个文本框中？

据我所知是：

$('input[type=text]').addClass('textbox');

您可以在 CSS 文件中执行类似的操作，但这需要更高版本的 CSS / 取决于您希望使用旧版浏览器的范围。

请参阅属性选择器here http://www.smashingmagazine.com/2009/06/15/take-your-design-to-the-next-level-with-css3/。注意：

“浏览器支持：唯一不支持 CSS3 属性选择器的浏览器是 IE6。IE7 和 IE8、Opera 和基于 Webkit 以及 Gecko 的浏览器都支持。因此在样式表中使用它们绝对是安全的。”