Trang trí văn bản: không hoạt động

Question

Hoàn toàn bị bối rối! Tôi đã thử viết lại dòng text-decoration: none một số cách khác nhau. Tôi cũng đã quản lý để kích thước lại văn bản bằng cách nhắm mục tiêu văn bản nhưng mã text-decoration: none sẽ không mất.

Giúp đánh giá cao.

Mã

.widget  
 
{ 
 
    height: 320px; 
 
    width: 220px; 
 
    background-color: #e6e6e6; 
 
    position: relative;        
 
    overflow: hidden;       
 
} 
 

 

 
.title  
 
{ 
 
    font-family: Georgia, Times New Roman, serif; 
 
    font-size: 12px; 
 
    color: #E6E6E6; 
 
    text-align: center; 
 
    letter-spacing: 1px; 
 
    text-transform: uppercase; 
 
    background-color: #4D4D4D;  
 
    position: absolute; 
 
    top: 0; 
 
    padding: 5px; 
 
    width: 100%; 
 
    margin-bottom: 1px; 
 
    height: 28px; 
 
    text-decoration: none; 
 
} 
 

 
a .title  
 
{ 
 
    text-decoration: none; 
 
}

<a href="#"> 
 
    <div class="widget"> 
 
     <div class="title">Underlined. Why?</div> 
 
    </div> 
 
</a>

Answer 1

Bạn có một yếu tố ngăn chặn (div) bên trong một phần tử nội tuyến (a). Điều này hoạt động trong HTML 5, nhưng không phải HTML 4. Do đó cũng chỉ các trình duyệt thực sự hỗ trợ HTML 5.

Khi các trình duyệt gặp phải đánh dấu không hợp lệ, chúng sẽ sửa chữa nó, nhưng các trình duyệt khác nhau sẽ làm điều đó theo nhiều cách khác nhau kết quả khác nhau. Một số trình duyệt sẽ di chuyển phần tử khối bên ngoài phần tử nội tuyến, một số sẽ bỏ qua nó.

Answer 2

thử thêm này để stylesheet của bạn:

a {text-decoration:none;} 

Answer 3

Tôi chỉ làm theo cách cũ tôi biết rằng nó không đúng nhưng nó là một sửa chữa nhanh chóng.

<h1><a href="#"><font color="#FFF">LINK</font></a></h1> 

Answer 4

Sử dụng CSS Pseudo-classes và cung cấp cho thẻ của bạn một lớp, ví dụ:

<a class="noDecoration" href="#"> 

và thêm video này vào stylesheet của bạn:

.noDecoration, a:link, a:visited { 
    text-decoration: none; 
} 

Answer 5

Hãy thử đặt text-decoration: none; trên của bạn của bạn: hover css .

Answer 6

Tôi có một câu trả lời:

<a href="#"> 
    <div class="widget"> 
     <div class="title" style="text-decoration: none;">Underlined. Why?</div> 
    </div> 
</a>​ 

Nó hoạt động.

Answer 7

a:link{ 
    text-decoration: none!important; 
} 

=> Làm việc với tôi :), chúc may mắn

Answer 8

tôi đã sử dụng mã dưới đây để có được tôi để làm việc trong Chrome. Bạn có thể điều chỉnh làm tổ:

a:-webkit-any-link { color: black; } 

Answer 9

Thêm tuyên bố này trên thẻ tiêu đề của bạn:

<style> 
a:link{ 
    text-decoration: none!important; 
    cursor: pointer; 
} 
</style> 

Answer 10

Không có gạch dưới thậm chí tôi đã xóa 'text-decoration: none;' từ mã của bạn. Nhưng tôi đã có một trải nghiệm tương tự.

Sau đó, tôi đã thêm một Mã

a{ 
text-decoration: none; 
} 

và

a:hover{ 
text-decoration: none; 
} 

Vì vậy, hãy thử mã của bạn với: hover.

Answer 11

Tôi đã rất đau đầu khi cố gắng tùy chỉnh chủ đề WordPress và trang trí văn bản không giúp tôi. Trong trường hợp của tôi, tôi cũng phải loại bỏ hộp bóng.

a:hover { 
    text-decoration: none; 
    box-shadow: none; 
}