Button 隐藏输入按钮时折叠范围

我有一个围绕输入按钮的样式，因此按钮的样式可以非常有创意。当按钮隐藏在.Net中时，我希望样式折叠，使其呈现为隐藏状态。样式的作用是，由于按钮或其隐藏中没有值，它保持一个小的形状

单击以查看演示：

---

不幸的是，没有办法根据元素的内容设置其样式

改为设置元素的样式如何：

<button><span><span>Test</span></span></button>

---

这家伙比我有更好的解决办法。毕竟我不必使用按钮，我看到每个人都声称需要使用它来设计表单按钮的样式。我仍然可以使用.net所需的输入，当按钮被隐藏时，样式将相应地消失

---

请参见演示：

我想我要寻找的是，当跨距之间没有数据时，让跨距的侧面收缩/折叠，只有当跨距内有数据时，才能将其拉伸到适当的大小。如我的演示中所示，第二个示例仍然显示了一种样式：

<button><span><span>Test</span></span></button>