@sunnyrio

Как убрать border у button при нажатии на эту кнопку (bootstrap)?

Как убрать border у button, появляется при нажатии на эту кнопку (bootstrap)?

Синего цвета этот border ниже изображение:
5db7f7dba0508715241851.png
<button type="button" class="btn btn-primary block-1_offer_feedback-form__button--modal">
        Оформить заявку
</button>

.block-1_offer_feedback-form__button--modal {
	outline:none;
	width: 256px;/*100%*/
	height: 72px;
	line-height: 72px;
	padding: 0px;
	margin: 45px 0px 0px 0px;
	border: none;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	background: #f86486;
	background: -moz-linear-gradient(top, #f86486 0%, #f13d68 100%);
	background: -webkit-linear-gradient(top, #f86486 0%, #f13d68 100%);
	background: linear-gradient(to bottom, #f86486 0%, #f13d68 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86486', endColorstr='#f13d68', GradientType=0);
	-webkit-box-shadow: 0 15px 20px rgba(208, 0, 49, 0.25);
	-moz-box-shadow: 0 15px 20px rgba(208, 0, 49, 0.25);
	box-shadow: 0 15px 20px rgba(208, 0, 49, 0.25);
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
  • Вопрос задан
  • 3373 просмотра
Решения вопроса 1
origami1024
@origami1024
went out for a night walk
1. Смотря какая версия bootstrap. В новых можно убрать средствами bootstrap, добавив к кнопке класс shadow-none

2. Вариант через css
.btn:focus, .btn:active {
  box-shadow: none !important;
}

Владислав Лысков прав, только нужно еще !important
https://jsfiddle.net/jhd0pcru/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы