如何在materializecss的输入中添加正确的溢出文字？

Question

我在中找到了公司名称列表。其中一些名称的长度可以达到100个字符。当用户选择它时，它看起来不是很好。

我尝试过这些规则

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

但不起作用。我该怎么办？

Answer 1

您需要的是：

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

经过测试和工作：