給定一個帶文本溢出的div：ellipsis;在焦點上，你如何刪除文本溢出？

Question

我想：

.listItem { 
    text-overflow: ellipsis; 
} 
.listItem:focus { 
    color: red; 
    text-overflow: none !important; 
} 

但是，對文本溢出沒有影響但它確實變成紅色。想法？

Answer 1

text-overflow財產沒有none值。默認值是clip。

https://developer.mozilla.org/en/CSS/text-overflow

Answer 2

您可以設置text-overflow到clip或者可以設置white-space到normal或overflow到visible。第二個選項是省略號工作的必要條件，所以更改它們會關閉它。