Tôi đang cố gắng để có một liên kết hiển thị màu trắng, không có gạch chân. Màu văn bản hiển thị chính xác là màu trắng, nhưng phần gạch chân màu xanh vẫn cứng đầu. Tôi đã thử text-decoration: none; và text-decoration: none !important; trong CSS để xóa gạch chân liên kết. Không làm việc. 

HTML:

CSS:

.boxhead .otherPage { color: #FFFFFF; text-decoration: none;}Làm thế nào tôi có thể loại bỏ gạch chân màu xanh khỏi liên kết?

Như tôi dự đoán, bạn không áp dụng text-decoration: none; cho một neo (.boxhead a) mà cho một phần tử span (.boxhead).Bạn đang xem: Thuộc tính gạch chân trong css

Thử đi:

.boxhead a { color: #FFFFFF; text-decoration: none;}Thẻ neo (liên kết) cũng có các lớp giả như đã truy cập, di chuột, liên kết và hoạt động. Đảm bảo rằng kiểu của bạn được áp dụng cho (các) trạng thái được đề cập và không có kiểu nào khác xung đột.Bạn đang xem: Thuộc tính gạch chân trong css

Ví dụ:

text-decoration: none !important nên xóa nó .. Bạn có chắc chắn không có border-bottom: 1px solid ẩn giấu không? (Theo dõi kiểu được tính toán trong Fireorms/F12 trong IE)Chỉ cần thêm thuộc tính này vào thẻ neo của bạn

style="text-decoration:none;"

Thí dụ:

Hoặc sử dụng cách CSS. 

.classname a { color: #FFFFFF; text-decoration: none;}Đôi khi những gì bạn nhìn thấy là một cái bóng hộp, không phải là một gạch chân văn bản.

Bạn đang xem: Bỏ gạch chân trong css

Hãy thử điều này (sử dụng bất kỳ bộ chọn CSS nào phù hợp với bạn):

a:hover, a:visited, a:link, a:active { text-decoration: none!important; -webkit-box-shadow: none!important; box-shadow: none!important;}

Nhiều thuộc tính tiêu chuẩn cho trang trí văn bản

 

*

Theo quy định, nếu "gạch chân" của bạn không cùng màu với văn bản của bạn thì nó không đến từ "trang trí văn bản:" Nó phải là "viền dưới:" 

Đừng quên đưa biên giới ra khỏi các lớp giả của bạn quá!

a, a:link, a:visited, a:active, a:hover {border:0!important;}Đoạn mã này giả định nó trên một neo, thay đổi thành trình bao bọc phù hợp ... và sử dụng tính đặc hiệu thay vì "! Quan trọng" sau khi bạn theo dõi nguyên nhân gốc rễ.

Không nhìn thấy trang, khó suy đoán.

Đây là nơi sử dụng Thanh công cụ Firefox Web Developer thật tuyệt vời, bạn có thể chỉnh sửa CSS ngay tại đó và xem mọi thứ có hoạt động không, ít nhất là cho Firefox. Đó là dưới CSS > Edit CSS.

Trong khi các câu trả lời khác là chính xác, có một cách dễ dàng để thoát khỏi phần gạch chân trên tất cả các liên kết phiền phức đó:

a { text-decoration:none;}Điều này sẽ xóa phần gạch chân khỏi MỌI LIÊN KẾT MỘT SỐ trên trang của bạn!

Chỉ cần sử dụng tài sản

border:0;và bạn được bảo hiểm. Làm việc hoàn hảo cho tôi khi tài sản trang trí văn bản dint làm việc cả.

Không có câu trả lời nào làm việc cho tôi. Trong trường hợp của tôi đã có một tiêu chuẩn 

a:-webkit-any-link {text-decoration: underline;trong mã của tôi. Về cơ bản bất kể nó là liên kết nào, màu văn bản sẽ chuyển sang màu xanh và liên kết vẫn giữ nguyên.

Xem thêm: Top 5 Game Bắn Xe Tăng Bắn Địch, Xe Tăng Bắn Địch

Vì vậy, tôi đã thêm mã vào cuối tiêu đề như thế này: 

Bạn đã sử dụng trang trí văn bản không có trong bộ chọn sai. Bạn cần kiểm tra xem bạn cần thẻ nào để trang trí. 

Bạn có thể sử dụng mã này

.boxhead h2 a{text-decoration: none;}OR

.boxhead a{text-decoration: none !important;}OR

a{text-decoration: none !important;}Dưới đây là một ví dụ cho điều khiển LinkButton của biểu mẫu web asp.net:

Mã ẩn:

lbmmr1.Attributes.Add("style", "text-decoration: none;")Nếu text-decoration: none hoặc border: 0 không hoạt động, hãy thử áp dụng kiểu nội tuyến trong html của bạn.