Đường màu xanh dưới các liên kết trên trang web của tôi mặc dù tôi đã tắt tất cả CSS liên quan?
Tôi đã thử tắt trang trí văn bản, đường viền, đường viền và mọi thứ khác mà tôi có thể nghĩ đến. Sử dụng công cụ kiểm tra, tôi không thể tìm thấy bất cứ thứ gì có thể gây ra những đường màu xanh lam này.
Sự cố này không ảnh hưởng đến Firefox.
Văn bản có đường gạch dưới màu xanh lam là một bên là một thẻ liên kết span.
Bạn dường như có vấn đề này: http://www.google.com/support/forum/p/Chrome/thread?tid=44100701f93d5951&hl=en
Khi bạn nhấn F12 và kiểm tra các yếu tố ảnh hưởng, bạn nên chú ý điều này:
a:-webkit-any-link{
...
text-decoration: underline;
}
Vì vậy, có lẽ thêm một kiểu như thế này:
a:-webkit-any-link{
text-decoration:none !important;
}
CẬP NHẬT: Tôi đã sao chép nó và biểu định kiểu ở trên, được thêm vào tệp main.css của bạn đã hoạt động. Không cần hai ":", có thể là lỗi đánh máy.
Dù sao nó giải quyết được vấn đề trên máy tính của tôi, hãy thử thêm nó vào main.css của bạn và nó sẽ hoạt động. Cảm ơn!
a: -webkit-any-link là chrome hiển thị kiểu mặc định được áp dụng cho liên kết này do đó OP sẽ chỉ cần đặt 'a {text-decoration: none; } 'trong stylesheet của họ để ghi đè lên phong cách mặc định, và thực sự nên tránh sử dụng các ghi đè quan trọng –
Cảm ơn, điều này cố định nó :) –
Mặc dù cách tiếp cận này làm việc nguyên nhân thực sự của điều này là bạn đã xác định một số quy tắc cho "a" và một số các quy tắc đó bỏ qua thuộc tính màu. Vì vậy, trình duyệt thiết lập các cài đặt màu mặc định. Đó là lý do tại sao nó được hiển thị dưới dạng: -webkit-any-link. Hãy tìm quy tắc neo bị hỏng trong css của bạn. – Denis
Trong global.css của bạn là mục
a:hover {
color: #4E76C9;
text-decoration: underline; /* Add this */
}
Cách thông thường là:
a {
text-decoration: none;
}
Xin giải thích thêm về nhịp bên trong một neo như âm thanh về phía sau. nên được neo bên trong span.
Trang trí văn bản bị tắt và trang trí văn bản không gây gạch dưới theo màu khác. –
-1 -1 -1 -1 ow đó là người bạn của tôi nghèo - tất cả mọi người là sai ??? đừng nghĩ vậy. –
Đây là độ tuổi từ trước, nhưng vì tôi có khả năng chỉnh sửa nhận xét ngay bây giờ, tôi đã chỉnh sửa nhận xét của bạn để tôi có thể thay đổi phiếu bầu của mình. –
Xác định phong cách như thế này:
#front_page_services a {
text-decoration: none;
}
Đây là lứa tuổi trước, nhưng kể từ khi tôi có khả năng chỉnh sửa ý kiến ngay bây giờ, tôi đã chỉnh sửa của bạn để tôi có thể thay đổi phiếu bầu của mình. –
Sử dụng text-decoration thuộc tính trên bạn neo yếu tố, không trải rộng.
<a id="service_managers" href="http://akoostix.titanlabs.ca/services/managers" style="
text-decoration: none">
Đã kiểm tra trên trang của bạn và hoạt động.
Giải pháp Chirs Felstead giải quyết vấn đề của bạn với liên kết đầu tiên bạn chia sẻ. (http://imgur.com/81MLR)
Đối với loại bỏ các gạch dưới màu xanh ở đây (http://akoostix.titanlabs.ca/?service=customers#home_page_news_section)
giới thiệu text-decoration vào dòng dưới đây
#front_page_services #service_operators {
text-decoration: none;
}
phù hợp không. 51 trên front-page-services.css
Đây là những năm trước, nhưng vì tôi có khả năng chỉnh sửa nhận xét ngay bây giờ, tôi đã chỉnh sửa của bạn để tôi có thể thay đổi phiếu bầu của mình. –
hiển thị html của bạn, vui lòng ... – AlphaMale
Bạn nên thêm một số html và css có liên quan. –