버튼 클릭 스타일 CSS를 비활성화하는 방법 [중복]

Dec 15 2020

클릭 한 버튼 스타일 {검은 색 테두리}를 비활성화하려면 어떻게합니까

.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;
}

답변

1 tkahn Dec 15 2020 at 20:34

버튼에 포커스가있을 때 가져 오는 스타일 (탭 사용 또는 클릭)을 참조하는 경우 다음을 사용하여 제거됩니다.

outline: none;

그러나 이것은 접근성에 좋지 않은 것으로 간주되므로 윤곽선을 유지하되 더 미묘한 스타일을 지정하십시오.

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