将Css类添加到所有<input type'text'>元素？Javascript/Css？

Question

我想将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吗？

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

Answer 1

AFAIK它是:

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

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

请参阅此处的属性选择器.注意:

"浏览器支持:唯一不支持CSS3属性选择器的浏览器是IE6.IE7和IE8,Opera和基于Webkit和Gecko的浏览器都可以.所以在样式表中使用它们绝对是安全的."