css - 使用 angularJS 使 xeditable 内的 textarea 的宽度为 100%

Question

在这个示例中，当用户想要编辑行或添加新行时，您可以看到 text-area（描述列）的宽度不跟随td的宽度，所以我添加了一些 CSS，但没有更改. 那么如何使用 CSS使宽度达到td的 100% 呢？

这是代码：

      <span style="width:100%" editable-textarea="user.status" e-name="" e-form="rowform" e-ng-options="s.value as s.text for s in statuses">
           {{ showStatus(user) }}
      </span>

这是示例。

Answer 1

您添加的跨度width: 100%实际上被隐藏了。您需要做的是更新包装输入的跨度类的 CSS。似乎是.editable-wrap

http://jsfiddle.net/NfPcH/660/