Кнопка ввода Bootstrap не отображается цветом
Я хочу добавить значок шрифта Awesome рядом с моей кнопкой input.
Итак, я нашел этот ответ, и к моему варианту использования применим только вариант 1, так как мне нужно отправить форму для удаления репозитория.
Но кнопка input не соответствует цвету тега span.
Я пытался добавить класс btn-danger в тег input, но у него есть тень.
https://jsfiddle.net/coolwei/4osuyrk5/6/
Чего я хочу добиться, так это согласованного цвета и размера кнопки с помощью кнопки «Просмотр» и «Добавить».
@Спасибо, поменяю. Потому что я беру на себя свой старший проект и улучшаю его.
Ответы 2
Прежде всего, вы должны использовать тег <button>.
Однако, если вы В самом деле должны сделать это таким образом, вы должны очистить стили ввода по умолчанию следующим образом:
.clear-input {
background: none;
color: inherit;
padding: 0;
border: 0;
}
И добавьте этот класс в свой ввод
<input class = "clear-input" type = "submit" value = "Delete">
Я не уверен, почему вы вкладываете button внутрь a здесь.
<a href = "#">
<button type = "button" class = "btn btn-success mr-1">
<i class = "fas fa-user-plus"></i>
Add Student
</button>
</a>
Для кнопки отправки вам нужно использовать тег button со свойством type = "submit".
<button type = "submit" class = "btn btn-danger">
<i class = "far fa-trash-alt"></i>
Delete
</button>
Я беру на себя мой старший проект и улучшаю его. Спасибо, что указали на это.
Я не понимаю, почему вы создаете ввод внутри кнопки, не могли бы вы объяснить?