How to style an ionic HTML template?
<p>I would like to know how to style an ionic HTML template (newPopupTemplate) that I coded into my "directive.js" file, I tried to add a  with a CSS class added, but it doesn't work...And ideally, I'd prefer to style each elements (label, input...etc) with their proper CSS class, is that possible ?</p>

<p>(this code below works, I just deleted some useless parts to clarify :))</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>myApp.controller('MainCtrl', ['$scope', '$ionicPopup', '$timeout', function ($scope, $ionicPopup, $timeout) {
  
$scope.createPopUp = function(){

// I would like to style this template, is it possible to style each element with their proper CSS class ?
  
var newPopupTemplate = '&lt;div class="top-input"&gt;&lt;br&gt;&lt;label&gt;Date et heure&lt;/label&gt;&lt;input type="datetime-local" ng-model="new.date"&gt;&lt;br&gt;&lt;label&gt;Nombre de personne(s)&lt;/label&gt;&lt;br&gt;&lt;input type="number" min="1" max="100" maxlength="3" ng-model="new.nbPersonne"&gt;&lt;/div&gt;'

var myPopup = $ionicPopup.show({
        template: newPopupTemplate,
        title: '',
        subTitle: 'Please use normal things',
        scope: $scope,
        buttons: [
              { text: 'Annuler' },
              {
                text: '&lt;b&gt;Créer&lt;/b&gt;',
                type: 'button-positive',
                  }
                }
              }
            ]
          });
  };
}]); </code></pre>
</div>
</div>
</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.center-form{
 
    label{
        background-color: rgba(255,255,255,0.7);
        border-color: rgba(255,255,255,0);
        
        &amp;.top-input{
            font-weight:300;
            border-radius: 4px 4px 0px 0px !important;
        }
        
        &amp;.bottom-input{
            font-weight:300;
            border-radius: 0px 0px 4px 4px !important;
        }
    }
    
    .button-positive{
        opacity:0.9;
    }
    
}</code></pre>
</div>
</div>
</p>

<p>Thank you guys ! :)</p>