How to add the class to input element from less

Question

Hi i have to add the class "hide" to input element which having the class "display".

<input type="text" id="Text" class="display"/>

Is any ways to add the class to element from less?

Possible duplicate of [Dynamic class to element with Less](http://stackoverflow.com/questions/27617789/dynamic-class-to-element-with-less) — Iceman, Aug 11 '16 at 04:21

Sandip - Frontend Developer · Answer 1 · 2016-08-11T06:17:08.307

1

Try this:

.hide{
    background-color:blue;
 }
 .display{
   color:red;
   .hide;
 }

edited Aug 11 '16 at 06:17

answered Aug 11 '16 at 04:22

have you add hide class in your CSS like .hide{display:none;} – Sandip - Frontend Developer Aug 11 '16 at 06:03
After adding the .hide class .This class have to add in input element like this – Roy thomas Aug 11 '16 at 06:07
Is it possible one? – Roy thomas Aug 11 '16 at 06:07

score 0 · Answer 2 · edited Aug 11 '16 at 05:01

0

you can add

input .display {
  .hide{
   //css
  }
}

edited Aug 11 '16 at 05:01

Gynteniuxas

answered Aug 11 '16 at 04:22

score 0 · Answer 3 · answered Aug 11 '16 at 06:35

0

This will work..

HTML

<input type="text" class="display"/>

LESS

.hide {
  color: red;
}
input {
  &.display {
    .hide ();
  }
}

answered Aug 11 '16 at 06:35

3 Answers3