0

я использовала

border : none

при focus, active и hover и все равно я вижу эту черную рамку вокруг кнопки, есть еще состяния кнопки ?

Подскажите как убрать черную окантовку при нажатии при помощи css.

как называется это свойство, как изменить его цвет к примеру ?

.clean-label {
  background-color: white;
  color: #29abe2;
  border: none;
  margin-left: 8px;
  text-decoration: none;
}

.clean-label:active {
  border: none;
  text-decoration: none;
}

.clean-label:hover {
  border: none;
  text-decoration: none;
}

.clean-label:focus {
  border: none;
  text-decoration: none;
}
<button class="clean-label">кнопка без каймы</button>

1 ответ 1

1

Подскажите как убрать черную окантовку при нажатии при помощи css.

используйте

outline: none

.clean-label {
  border:           none;
  background-color: white;
  color:            #29abe2;
  margin-left:      8px;
  text-decoration:  none;
  
  outline:          none;
  cursor:           pointer;
}

.clean-label:hover {
  color:            red;
}
<button class="clean-label">кнопка без каймы</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.