给出带有文本溢出的div：省略号;在焦点上，你怎么能删除文本溢出？

I tried:

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