Кнопка не работает только в Mac Firefox

Question

моя кнопка не работает только в Mac Firefox .. Ниже приведен код

   <button class="col btn-change"><a href="/p/88" style="color: white;">Landscape</a></button>

Но нижеприведенный код работает нормально.в приведенном выше коде я использую мой класс настройки btn-change для стилизации.Я использую класс начальной загрузки, потому что я хочу соединить 3-4 кнопки.

<a  href="/addproduct/143">
      <button class="btn btn-primary" style="font-family: Poppins">Order Sample Chevron</button>
      </a> 

<div id="buttonRollOverColour" class="col frameSelectBox"><a href="/p/414">Portrait</a></div>

Answer 1

Вы можете использовать тег a вместо кнопки, если вы просто хотите ссылку. И используйте btn btn-primary|btn-light|... стили начальной загрузки, чтобы установить тег a в качестве стиля кнопки.

<a class="col btn btn-primary btn-change" href="/p/88">Landscape</a>

Answer 2

поставьте ниже css, и я надеюсь, что это будет работать в Mac,

#buttonRollOverColour>a {
    cursor:pointer;
}

Это потому, что в некоторый момент экран Mac не поддерживает элементы, не являющиеся кнопками, которые обрабатываются как элемент кнопки, как вы используете кнопку иякорный тег внутри него, вы также можете сделать это, используя вместо этого только тег кнопки.