HTML5中文本框的选择器?

时间:2013-02-10 05:47:58

标签: jquery html5 css3 css-selectors

很多时候使用文本框,您可以在样式表或jQuery中使用“input [type = text]”的选择器。现在有了HTML5中的所有新文本框变体,除了像这样列出它们之外,你怎么处理文本框?:

  

输入[type = text],输入[type = color],输入[type = datetime],   输入[type = email],输入[type = number],输入[type = search],   输入[type = tel],输入[type = url],...

2 个答案:

答案 0 :(得分:2)

据我所知,没有选择器可以选择这些输入,你可以定义一个自定义选择器。

var types = ['button', 'submit', 'reset', 'hidden', 'checkbox', 'radio'];
jQuery.extend(jQuery.expr[':'], { 
    textbox: function (elem) {    
       return jQuery.inArray(elem.type, types) === -1
    }
});

$('input:textbox').bar();

http://jsfiddle.net/Xryyq/

答案 1 :(得分:1)

对于您的文本框可能更容易使用input,然后覆盖(对于CSS)或排除(使用:not())以删除复选框,单选按钮等。

相关问题