CSS - Apply css rule if two css classes are present with other css classes

Question

I have form with input fields. The classes which are applied to input field are changed on click of submit button. I want to apply css rule if two css classes are applied with other css classes

Ex.

<input ng-model="formField.val" type="text" name="103" 
       class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" 
       ng-disabled="readOnlyFlag" required="">

on click of submit button, the new css classes ng-invalid & ng-touched are applied with other css classes. I want apply css rule if ng-invalid & ng-touched are applied with other css classes.

 <input ng-model="formField.val" type="text" name="103" 
       class="form-control ng-pristine ng-empty ng-invalid ng-invalid-required ng-touched ng-invalid ng-invalid-required" 
       ng-disabled="readOnlyFlag" required="">

Community · Accepted Answer · 2017-05-23 12:31:35Z

2

Add styling for input when it has two classes:

input.ng-invalid.ng-touched{
  background:red;
  color:red;
}

Or if you want to use code use hasClass :

angular.element(myElement).hasClass('my-class');
angular.element(myElement).addClass('new-class');
angular.element(myElement).removeClass('old-class');

Code is copied from this question.

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Apr 7, 2016 at 9:40

Ralf de Kleine

11.8k5 gold badges50 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

CSS - Apply css rule if two css classes are present with other css classes

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related