选择字段的大小受 Bootstrap 文件的影响,如屏幕截图所示,我无法找到解决此问题的方法。
<form>
<div class="form-group">
<label for="name" class="labstyle">Enter Your Name</label>
<input type="text" class="form-control" name="name" size="20"
maxlength="40" placeholder="Enter You Name" required autofocus>
</div>
<div class="form-group">
<label for="sell" class="labstyle">Chose Your Wish:</label>
<select class="form-control" id="sell">
<option value="0" hidden="hidden" disabled="" selected="">Chose Your
Wish</option>
<option value="morning">Good Morning</option>
<option value="night">Good Night</option>
</select>
</div>
<div class="form-group">
<label for="message" class="labstyle">Message</label>
<textarea class="form-control" name="message" rows="3" cols="40"
placeholder="Optional" maxlength="92"></textarea>
</div>
<button type="submit" class="btn" id="btncustom">Create</button>
</form>
最佳答案
添加以下将正确计算这种情况下的高度。
select.form-control:not([size]):not([multiple]) {
height: auto!important;
}
关于css - 以 Bootstrap 形式选择字段高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47164482/