title: CSS - background-color not working in safari
body: <p>I am using bootstrap on my site and have a few buttons with <code>class=&quot;btn btn-dark&quot;</code>.</p>
  <p>I have changed the color in my own css.</p>
  <p>First I tried hex values <code>.btn-dark{background-color:#343a40;border-color:#343a40;}</code></p>
  <p>Then I tried rgba values <code>.btn-dark{background-color:rgba(52,58,64,1);border-color:rgba(52,58,64,1)}</code></p>
  <p>Then after a bit of research I seen that it may be something to do with transparency in safari so added <code>opacity:1;</code> but no joy.</p>
  <p>It's fine in chrome, firefox, edge, uc browser and opera.</p>
  <p>But in safari they look like this:
  <a href="https://i.stack.imgur.com/KMmkw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KMmkw.png" alt="enter image description here" /></a></p>
  <p>I am a windows user so trying to test this in the last version of safari available for windows (5.1.7) so I can't do much.</p>