title: How can i inherit only few of the properties of a bootstrap pre-defined class?
body: <p>I have added a bootstrap class and i want to remove background color and add opacity to Predefined class.
  Is there a function through which this can be done easily ?</p>
  
  <pre><code>&lt;div class="btn-group "&gt;
  &lt;a class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
  &lt;i class="fa fa-info-circle"&gt;&lt;/i&gt;
  &lt;/a&gt;
  &lt;div class="dropdown-menu dropdown-menu-right"&gt;
  &lt;ul&gt;
  &lt;li class="dropdown-item"&gt;&lt;a class="btn btn-sm btn-primary" title="Update patient info"&gt;Phone-Number&lt;/a&gt;&lt;/li&gt;
  &lt;li class="dropdown-item"&gt;&lt;a class="btn btn-sm btn-primary"title="Update patient info"&gt;Patients Details&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  Note:
  when i inspect phone number it gives me background white color and on disabling it gives the desired result.
  now, how can i add that to my internal css so that its remains like that
  </code></pre>