So deaktivieren Sie die Schaltfläche angeklickt Stil CSS [Duplizieren]

Dec 15 2020

Wie kann ich den angeklickten Schaltflächenstil (den schwarzen Rand) deaktivieren?

.cols-1 button {
    position: absolute;
    bottom: 50%;
    right: 50%;
    margin: 0px -160px -40px 0px;
    background-color: #aec7ca;
    color: #ebebeb;
    border: none;
    border-radius: 0.3rem;
    padding: 25px 85px;
    transition: all 0.3s ease 0s;
}

Antworten

1 tkahn Dec 15 2020 at 20:34

Wenn Sie sich auf den Stil beziehen, den die Schaltfläche erhält, wenn sie scharfgestellt ist (mithilfe von Registerkarten oder durch Klicken), wird sie entfernt mit:

outline: none;

Dies wird jedoch als schlecht für die Zugänglichkeit angesehen. Behalten Sie daher die Kontur bei, geben Sie ihr jedoch ein subtileres Design.

.myButton:focus {
  outline: thin dotted;
  outline-color: #cccccc;
}