Как использовать многоточие переполнения текста в поле ввода html?

На моей веб-странице есть поля ввода, к которым я применил следующий css:

.ellip {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

Но, похоже, это не имеет никакого эффекта. Я упустил что-то очевидное здесь или невозможно использовать многоточие в поле ввода, используя только CSS?