增加HTML表单大小

Question

对于下面的HTML表单，输入字段，按钮和输入文本似乎都是大约12像素。增加它们的最佳方法是什么？我想我想以大约14 px的速度拍摄它们。

<div class="searchbox2">
    <form action="sitesearch.php" method="get">
        <label>
            <input type="text" class="name="find" size="55"/>
            <input type="hidden" name="searching" value="yes" />
            <input type="submit" name="search" value="search" />
        </label>
    </form>
</div>

Answer 1

.searchbox2 input {
    font-size: 14px
}

Answer 2

input {font-size: 14px; }

但请不要这样做。使用ems或ex来调整字体大小。否则，您的表格将受显示器显示分辨率的影响。 Ems，或其他什么，不一定是完美的，但它们是一种稍微不那么脆弱的缩小字体大小的方法，没有在用户缩放页面时打破布局。 输入

input {font-size: 14px; }

或者，对于表单中的所有文本：

form {font-size: 1.4em; }

1.4将从表格的父母计算。