使用zurb基础更改asp:textboxes的填充

时间:2015-02-03 22:12:34

标签: forms zurb-foundation

我知道基础已经将表单字段css值构建到样式表单中。这些相同的值应用于asp:textbox等... .net控件,因为它们呈现为html客户端控件,但每个asp:textbox之间的填充由于某种原因,间隔不同:

Example Image

如何使用asp.net控件更正此问题?我希望文本框更紧密,并希望保留.net控件。

这里是每个文本框的代码(.net first和html second):

  <div class="row">
    <div class="large-4 left">
      <label>Phone<span class="red">*</span>
        <asp:TextBox ID="contactPhone" runat="server" ToolTip="Phone" placeholder="Phone"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*Required"
            ControlToValidate="contactPhone" ValidationGroup="save" />
      </label>
    </div>
  </div>

  <div class="row">
    <div class="large-12 columns">
      <label>Input Label
        <input type="text" placeholder="large-12.columns" />
      </label>
    </div>
  </div>

1 个答案:

答案 0 :(得分:0)

我只是在基础css中编辑了标签标签,其值为负值(在我的情况下为-20)margin-bottom。这对我很有用。希望这有助于其他人。