title: Vue cli build production change opacity in css
body: <p>When I build my vue project, it changes opacity from 50% to 1%.</p>
  
  <p>In development it doesn't have this problem but in production it changes style.</p>
  
  <p>development (npm run serve):
  <a href="https://i.stack.imgur.com/N1BdV.png" rel="noreferrer">click to see</a></p>
  
  <pre class="lang-css prettyprint-override"><code>.VueCarousel-dot-container button.VueCarousel-dot {
      background-color: #7390a7 !important;
      opacity: 60%;
  }
  </code></pre>
  
  <p>production (npm run build):
  When I build and upload it:</p>
  
  <pre class="lang-css prettyprint-override"><code>.VueCarousel-dot-container button.VueCarousel-dot {
      background-color: #7390a7!important;
      opacity: 1%;
  }
  </code></pre>