如何使文本框大小始终保持静态

Question

My Plunker.

在这个plunker中有一个双加按钮。如果我按双加按钮，文本框向右移动。但它不应该那样。应该像第一个文本框一样修复右侧大小。我怎样才能实现这一功能。

<a class="btn btn-success btn-xs" data-nodrag ng-click="toggle(this)"><span class="glyphicon" ng-class="{'glyphicon-chevron-right': collapsed, 'glyphicon-chevron-down': !collapsed}"></span></a>
              <input type="text" ng-model="item.rowId">

期待输出： -

Answer 1

如果您右键单击错误的元素，您可以在上下文菜单中找到“inspect”条目。 （使用铬）

你可以看到的是元素上的类是不对的： 在你的情况下（如果我的问题是正确的）

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 20px;
}

条目有填充。

这个css特定代码在“angular-ui-tree.min.css”文件中（缩小的css文件）

要使这样的文件可读，您可以使用css美化器为例 http://www.cleancss.com/css-beautify/（首先我发现了搜索引擎）

要获得正确的结果，您可以在自己的“demo.css”css文件中覆盖该css代码，例如添加：

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 0px;
}

Answer 2

将此CSS添加到页面以放置默认CSS

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 0!important;
}

Answer 3

请参阅更新后的HERE ==＆gt; Plunker

.angular-ui-tree-nodes{
   padding:0px !important;
}

Answer 4

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 20px;
}