Стандарт CSS3 обеспечивает использование фильтра :not() который отлично поддерживается всеми современными браузерами:
input.special { background: #900; }
input:not(.special) { background: transparent; }Применять данный фильтр можно к любым атрибутам:
input:not([type=checkbox]) { width: 100%; }
input:not([type=checkbox], [type=radio]) { width: 100%; }
На самом деле Safari поддерживает модель flexbox без ограничений, начиная только с версии 14.1, выпущенной в сентябре 2021 года. В качестве решения рекомендую использовать модель grid. Для нее с 10 по 11 версию свойство gap поддерживается в варианте grid-gap, а, начиная с 12 версии Safari полностью поддерживает свойство gap для модели grid:
display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem 1.5rem; /* Safari 10-11 */ gap: 1rem 1.5rem; /* Safari 12+ */