Skip to content

Get Next button Unreadable in safari

Summary

The Get Next button in safari looks not the same as in other browsers, which makes it unreadable.

Schermafbeelding_2022-09-07_om_15.48.57 instead of Schermafbeelding_2022-09-07_om_15.52.34

Steps to reproduce

  1. Use Safari on a Mac
  2. Go to the Request page

Possible Fix

The CSS in Bootstrap v4.3.1 that does this is:

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

This could be fixed by upgrading bootstrap, but I heard that breaks other things. Another way could be overwriting -webkit-appearance to none. So adding

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
}