Assign a class to a css attribute selector [duplicate]

Question

I am using Kendo UI with ASP MVC3 to build some forms. I am using the dropdown and datepicker widgets, which are styled larger that standard inputs. To ensure standard textboxes will match, Kendo has provided the .k-textbox class, which when assigned to a textbox, will style it to match the widgets.

I have created a template that does the job but is requiring a little extra coding to handle some conflicts, no biggie. However, I was wondering if there was a way to make an attribute selector (eg: input[type="text"]) inherit the style from another styled class. So could I make input[type=:text"] use the same styles as .k-textbox, without copying all the class data over?

Ok I am just going to use a template. Thanks.

BattlFrog
– BattlFrog

2013-06-12 18:48:37 +00:00
Commented Jun 12, 2013 at 18:48 — BattlFrog
– BattlFrog, Commented Jun 12, 2013 at 18:48

FelipeAls · Accepted Answer · 2013-06-12 17:31:22Z

0

You could add your selector to the existing one, separated by a comma:

.k-textbox, input[type="text"] {
   /* classes already written by Kendo */
}

but then you won't be able to easily update this CSS when Kendo updates it.

answered Jun 12, 2013 at 17:31

FelipeAls

22.3k9 gold badges57 silver badges75 bronze badges

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

2 Comments

BattlFrog Over a year ago

Unfortunately kendo has the styles for k-textbox spread over 17 or so different places.

FelipeAls Over a year ago

30 occurences in my copy of commons.min.css, yep :/ Still possible with regexp at least in Sublime Text but a bit complicated (you've to capture what is between k-textbox and the next comma and add it to your selector too...)

Collectives™ on Stack Overflow

Assign a class to a css attribute selector [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related