CSS3 Input Selector

Question

Is there a CSS3 selector like jQuery's :input which returns all input fields: select, input, textarea and button?

Even a browser-specific implementation would be fine, as long as it's CSS-only.

James Donnelly · Accepted Answer · 2014-02-24 09:03:16Z

6

Not directly, no. However you can work around this with the :enabled and :disabled selectors:

:enabled, :disabled {
    ...
}

JSFiddle demo.

answered Feb 24, 2014 at 9:03

James Donnelly

129k35 gold badges215 silver badges224 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

CodingIntrigue Over a year ago

Disappointing that it's not part of any draft, but the :enabled property seems to be perfect for my situation. To clarify, the enabled property only applies to <button>, <input>, <optgroup>, <option>, <select>, and <textarea> - which is perfect

Felix · Accepted Answer · 2014-02-24 09:03:34Z

0

You can try to use:

textarea, input[type] {
    /* Your styles here */
}

Above selector will applied to all textareas and any input that has a type attribute.

answered Feb 24, 2014 at 9:03

Felix

38.2k8 gold badges46 silver badges56 bronze badges

1 Comment

Barney Over a year ago

Inputs without a type default to text — specifying that the input must have an explicit type attribute isn't really helpful in the context of the OP.

Collectives™ on Stack Overflow

CSS3 Input Selector

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related