Angular ui-select-match占位符自动设置宽度

Question

我有<ui-select-match placeholder="Select areas...">{{$somestuff}}</ui-select-match>

带占位符的输入框的宽度设置为10px;无论我做什么，都会自动进行（如下图所示）。我不知道为什么会这样，如果我触摸页面上的任何内容，甚至调整浏览器窗口的大小，它将返回显示整个占位符。

有谁知道为什么会这样？在控制台中我可以看到它是：element.style：width：10px;但是没有任何关于css文件的参考，无论如何我还没有触及任何css文件。

Answer 1

您正在拍摄的10px宽度由角度ui-select库添加。您可以做的一个解决方案是使用css！important属性覆盖文本框的宽度。

.ui-select-container{
      width:50px!important; //put whatever pixel value you need.it wont change
}

在呈现ui-select之后，库将添加ui-select-container类。