title: Conditional modal backdrop in angular
body: <p>I'm trying to implement a modal backdrop effect in angular. I'd like to have a solid color appear when a certain modal dialog is shown that completely overlays the background screen - but I don't want this behavior for all modals (for others I don't want a backdrop).</p>
  
  <p>I've added some CSS in a top level stylesheet as follows:</p>
  
  <pre><code>.modal-backdrop {
  background-color: #008000;
  opacity: 1.0 !important;
  }
  </code></pre>
  
  <p>This works in that it paints a solid green background but it happens for ALL modals on my system - I need it to happen for one type only. I realise the "!important" directive prevents any CSS override, but not supplying this results in the background page not being totally hidden (it can be seen though the green color).</p>
  
  <p>Any ideas on how this could be done? </p>