начальная загрузка 4: группы кнопок с a.btn в середине

Question

У меня есть группа кнопок, но средняя кнопка является ссылкой, поэтому она должна иметь тег b a (я могу изменить ее кнопку и использовать js для навигации, но я предпочитаю не делать этого), вот код

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<div class="btn-group nospiner">
  <button type="button" class="btn btn-warning yekan create-wallet"><i class="mdi mdi-arrow-down-bold"></i> down</button>
  <a href="link.php" type="button" class="btn btn-warning yekan pjax"> center</a>
  <button type="button" class="btn btn-warning yekan ">up  <i class="mdi mdi-arrow-up-bold"></i> </button>
</div>

вот результат

, поскольку вы можете видеть, что у среднего btn есть границаи градиент, как я могу изменить его, чтобы он выглядел как кнопки?я пытался добавить border:none ко всем .btn и группе кнопок, это не сработало

Answer 1

По моему мнению, вы должны изменить код из bootstrap.min.css

Answer 2

Просто удалите type=button из a

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<div class="btn-group nospiner" >
       <button type="button" class="btn btn-warning yekan create-wallet"><i class="mdi mdi-arrow-down-bold"></i> down</button>
       <a  href="link.php"  class="btn btn-warning yekan pjax" > center</a>
       <button type="button" class="btn btn-warning yekan " >up  <i class="mdi mdi-arrow-up-bold"></i> </button>
   </div>

Answer 3

Вы можете использовать кнопку внутри тега a

<div class="btn-group nospiner" >
    <button type="button" class="btn btn-warning yekan create-wallet"><i class="mdi mdi-arrow-down-bold"></i> down</button>
    <a  href="link.php">
      <button class="btn btn-warning yekan pjax">center</button>
    </a>
    <button type="button" class="btn btn-warning yekan " >up  <i class="mdi mdi-arrow-up-bold"></i> </button>
</div>