小贝子编程

如何避免标签输入得到100%的宽度



所以这是一个专门针对Angular输入标签项目的两部分问题。

我目前正在使用它，它创建的输入在输入标签本身上设置为宽度100%。因为它在元素本身上，所以它覆盖了我使用的任何其他样式(除了!important或js)。没有分叉项目，有什么方法可以关闭它吗?

第二部分是，一旦达到最大标签数量，我可以删除输入部分吗?在达到最大值后仍然可以输入，这似乎是违反直觉的。

第一部分

您可以使用自定义CSS类来更改默认宽度:

<tags-input ng-model="tags" class="myclass"></tags-input>
CSS

.myclass .host {
  width: 50%;
}
工作恰好

第2部分

您也可以通过使用自定义CSS类来隐藏输入:

<tags-input ng-model="tags" ng-class="{'hide-input': tags.length > 3}"></tags-input>
CSS

.hide-input .input {
  display: none;
}

工作砰砰作响。

请记住，用户不能使用键盘来删除标签，但是

实际上设置display:block随着宽度似乎也工作

我正面临着关于ng-tags-input的宽度问题，由于另一个CSS文件ace.css，组件的宽度没有像预期的那样出现，因为宽度值来自ace.css。

为了解决这个问题，我刚刚创建了另一个CSS文件来覆盖来自ace.css的宽度值，在ace.css之后添加了它，它现在工作了。

CSS

.tags {
    width: 80%;
}

相关内容

  • 没有找到相关文章

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium