Làm cách nào để xóa màu liên kết mặc định của siêu liên kết html 'a'?

Màu liên kết mặc định là màu xanh. Làm cách nào để xóa màu liên kết mặc định của thẻ siêu liên kết html <a>?

Các giá trị kế thừa :

a { color: inherit; } 

Không thể làm cho phần tử lấy màu của cha mẹ (đó là những gì tôi nghĩ bạn đang tìm kiếm).

bạn có thể làm một số thứ như thế này:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

nếu trang trí văn bản không hoạt động thì bao gồm trang trí văn bản: không có gì quan trọng;

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

Tôi cảm thấy cần phải đăng định nghĩa lớp trên, nhiều câu trả lời trên SO bỏ lỡ một số trạng thái

Nếu bạn không muốn xem màu gạch chân và màu mặc định do trình duyệt cung cấp, bạn có thể giữ đoạn mã sau ở đầu tệp main.css của mình. Nếu bạn cần màu sắc và kiểu dáng trang trí khác nhau, bạn có thể dễ dàng ghi đè mặc định bằng đoạn mã dưới đây.

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Điều này cũng có thể:

        a {
            all: unset;
        }

unset: Từ khóa này biểu thị thay đổi tất cả các thuộc tính áp dụng cho phần tử hoặc phần tử cha của phần tử thành giá trị cha của chúng nếu chúng có thể kế thừa hoặc giá trị ban đầu của chúng nếu không. giá trị unicode-pricei và hướng không bị ảnh hưởng.

Nguồn: Mozilla mô tả tất cả

Bạn phải sử dụng CSS. Đây là một ví dụ về việc thay đổi màu liên kết mặc định, khi liên kết chỉ ở đó, khi nó được di chuột và khi đó là một liên kết hoạt động.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

Đơn giản chỉ cần thêm nó vào CSS,

a {
    color: inherit;
    text-decoration: none;
}

Thế là xong.

Bạn có thể sử dụng các giá trị Màu hệ thống (18.2) , được giới thiệu với CSS 2.0, nhưng không được dùng trong CSS 3 .

a:link, a:hover, a:active { color: WindowText; }

Bằng cách đó, các liên kết neo của bạn sẽ có cùng màu với văn bản tài liệu thông thường trên hệ thống này.

a:link{color:inherit;}

đây là một dòng đơn giản có thể làm tất cả mọi thứ cho bạn <3

Điều này sẽ làm việc

    a:hover, a:focus, a:active {
        outline: none;
    }

Những gì nó làm là loại bỏ các phác thảo cho cả ba lớp giả.