Дано div с переполнением текста: ellipsis;в фокусе, как вы можете удалить переполнение текста?

Question

Я пытался:

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

Но это не влияет на переполнение текста, хотя оно меняет цвет на красный. Идеи?

Answer 1

Нет значения none для свойства text-overflow. Значение по умолчанию clip.

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

Answer 2

Вы можете установить text-overflow на clip или white-space на normal или overflow на visible.Вторые две опции являются необходимыми условиями для работы многоточия, поэтому их изменение отключит его.