如何更改 Metro ui 中输入控件的大小?
How can I change size of input control in metro ui?
如何控制 Metro UI Framework 中输入的大小?我猜 Bootstrap 有 class form-group-sm,但是 MetroUI 有类似的东西吗?
MetroUI 不像 Bootstrap 那样功能齐全,但它有一些简单的 options for inputs:
<!-- Checkbox -->
<label class="input-control checkbox">
<input type="checkbox" checked>
<span class="check"></span>
<span class="caption">Checkbox</span>
</label>
<!-- Small Checkbox -->
<label class="input-control checkbox small-check">
<input type="checkbox" checked>
<span class="check"></span>
<span class="caption">Checkbox</span>
</label>
<!-- Radio button -->
<label class="input-control radio">
<input type="radio">
<span class="check"></span>
<span class="caption">Radio</span>
</label>
<!-- Small radio button -->
<label class="input-control radio small-check">
<input type="radio">
<span class="check"></span>
<span class="caption">Small radio</span>
</label>
文本框可以是默认的或大的:
<div class="input-control text big-input">
<input type="text">
</div>
它还为buttons提供了几个简单的选项:
<button class="button">Caption</button>
<button class="button mini-button">Caption</button>
<button class="button small-button">Caption</button>
<button class="button large-button">Caption</button>
如何控制 Metro UI Framework 中输入的大小?我猜 Bootstrap 有 class form-group-sm,但是 MetroUI 有类似的东西吗?
MetroUI 不像 Bootstrap 那样功能齐全,但它有一些简单的 options for inputs:
<!-- Checkbox -->
<label class="input-control checkbox">
<input type="checkbox" checked>
<span class="check"></span>
<span class="caption">Checkbox</span>
</label>
<!-- Small Checkbox -->
<label class="input-control checkbox small-check">
<input type="checkbox" checked>
<span class="check"></span>
<span class="caption">Checkbox</span>
</label>
<!-- Radio button -->
<label class="input-control radio">
<input type="radio">
<span class="check"></span>
<span class="caption">Radio</span>
</label>
<!-- Small radio button -->
<label class="input-control radio small-check">
<input type="radio">
<span class="check"></span>
<span class="caption">Small radio</span>
</label>
文本框可以是默认的或大的:
<div class="input-control text big-input">
<input type="text">
</div>
它还为buttons提供了几个简单的选项:
<button class="button">Caption</button>
<button class="button mini-button">Caption</button>
<button class="button small-button">Caption</button>
<button class="button large-button">Caption</button>