2012-01-04 37 views
11

html của tôi là:Thay đổi màu sắc văn bản tấn công qua trong css

<html> 
<body> 
    <div id="example">this is example</div> 
</body> 
<html> 

css của tôi là:

#example{text-decoration: line-through;color:#ccc;} 

Tôi bị out-đặt như thế này
out-put image
nhưng tôi muốn như thế này
i am trying to do like this nhưng tôi không thể. Giúp tôi làm như thế này

+3

http://stackoverflow.com/questions/1107551/css-strikethrough-different-color- từ văn bản –

Trả lời

20

Màu áp dụng cho dòng và văn bản. Bạn cần phải làm tổ như thế nào.

<span style="text-decoration: line-through; color: red;"> 
<span style="color: #CCC;">text with red linethrough and black text</span> 
</span> 

Nguồn: http://www.savio.no/artikler/a/335/different-font-color-than-line-through-color-with-css

+1

Sẽ tốt nếu bạn cung cấp liên kết đến câu trả lời gốc. http://stackoverflow.com/a/1107556/293712 – Maheep

+0

Sau đó, tham chiếu liên kết này sẽ giúp ích. Thói quen tốt của nó để cung cấp tín dụng cho nguồn. – Maheep

+1

câu trả lời được cập nhật. –

0

Đây là một ví dụ, nó hoạt động một cách chính xác.

HTML:

<div id="example"> 
    this is example 
    <span></span> 
</div> 

CSS:

#example{ 
    color:#ccc; 
    font-size: 20px; 
    position: relative; 
    display: inline-block; 
} 

#example span { 
    position: absolute; 
    width: 100%; 
    border-top: 1px solid red; 
    left: 0; 
    top: 50%; 
} 

http://jsfiddle.net/amkrtchyan/RHPHX/1/

+0

doesnt làm việc khi có nhiều hơn một dòng mặc dù – martin

Các vấn đề liên quan