Bootstrap .btn Looks Different On Safari

user_1187009 0
Viewed 850

I have this HTML code :

      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
        <a href="poweron.php" type="button" class="btn btn-danger text-white">Power On</a>
      </div>

and here's how it looks like on Safari and Chrome :

enter image description here

why the power button looks 'grey' and it has different size on Safari but works as I expected on Chrome? How to make it looks exactly same like on the Google Chrome?

bootstrap-4 css html
1 Answers

You can try adding this style to your <a> tag with this code:

 a[type='button'] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

 }
user_74195820
Related