在不引入省略号的情况下剪切UI字符串（Firefox样式表）

Question

创建Firefox UI CSS样式表时，我有时希望减少为UI元素显示的字符数。我希望元素在样式表中指定的宽度处截断，而不是省略号。出于某种原因，摆脱椭圆似乎几乎是不可能的。

例如，在Firefox 50中，查找栏中有一个新的Whole Words切换按钮。让我们说我们希望这只是Whole。

在尝试了适当的特定CSS之后，我尝试了一个更全局的范围，希望它可以工作。它没有。这里的霰弹枪方法，即使具有过于激进的范围，仍然失败：

＆＃13;

＆＃13;

.findbar-entire-word, .findbar-entire-word * {
  -moz-appearance: none !important;
  width: 5em !important;
  text-overflow: clip !important;
  overflow: hidden !important;
}

＆＃13;

＆＃13;

＆＃13;

为了在不添加任何省略号的情况下缩短字符串的目标，需要调整什么。