làm thế nào để vô hiệu hóa nút đã nhấp vào style css [trùng lặp]

Question

làm cách nào để tắt kiểu nút đã nhấp {the black border}

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

Answer 1

Nếu bạn đang đề cập đến kiểu nút có được khi nó được lấy nét (bằng cách sử dụng các tab hoặc bằng cách nhấp vào), nó sẽ bị xóa bằng cách sử dụng:

outline: none;

Tuy nhiên, điều này được coi là không tốt cho khả năng tiếp cận, vì vậy hãy cân nhắc giữ nguyên đường viền nhưng tạo kiểu dáng tinh tế hơn.

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