Как сделать правильный переполнение текста при вводе вizeize css?

Question

Я получил список названий компаний в. Некоторые из них могут иметь имя длиной до 100 символов. И это выглядит не очень хорошо, когда пользователь выбирает его.

Я пробовал эти правила

{
  text-overflow:ellipsis; 
  overflow: hidden; 
  white-space: nowrap; 
  max-width: 250px;
}

, но он не работает. Что мне делать?

Answer 1

Все, что вам действительно нужно, это:

input[type=text] {
    text-overflow: ellipsis;
}

Но, похоже, что материализуются только действия, правило css после второго щелчка - первый щелчок или касание, являющееся выбором, по-прежнему отображает параметр как традиционно отрезанный.

https://codepen.io/doughballs/pen/LYVVXJM