javascript - 如何保持文本框大小始终不变

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

如果您右键单击错误的元素，您可以在上下文菜单中找到“检查”条目。 (使用 Chrome )

然后您可以看到元素上的类是不正确的:在你的情况下(如果我答对了问题)

.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;
}