title: How to apply/prevent overwriting/overriding css/style using javascript/angularJs?
body: <p>I am new to angularJs. there is a requirement need to assign css property to component at/from js file level. I have kept debugger, after assign css style to component. In debugger level I can able to see all applied css property to component behavior will be good. Once completes page load, I am not able to see applied css, from js file. From my side may be some overwriting/removing css style. How to achieve this one using angular/JavaScript/J query, great appreciate. </p>
  
  <p><strong>Here is my code.</strong></p>
  
  <p><strong>By AngularJS</strong></p>
  
  <pre><code>angular.element.find('.ctp-textfield')[0].style.width = "75px !important";
  angular.element.find('.ctp-textfield')[0]["ng-style"] = "{height: 75px}";
  </code></pre>
  
  <p><strong>By JavaScript</strong></p>
  
  <pre><code>document.getElementById('Idname').style.width = "75px !important"; 
  </code></pre>
  
  <p><strong>By JQuery</strong></p>
  
  <pre><code>$('#idname')[0].style.width = "75px !important";
  $('#idname').style.width = "75px !important";
  </code></pre>