接触形式的css楼梯案例7

Question

我在word-press网站上添加了联系表格7，其中包含三种不同类型的输入框。以下是输入框的CSS。

.inputbox {
    width: 46%;
    height: 30px;
    background: #ffe681;
    font-size: 13px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    padding: 6px;
    border: 1px solid #ff9933;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

.inputbox-one {
    width: 14%;
    height: 30px;
    background: #ffe681;
    font-size: 13px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    padding: 6px;
    border: 1px solid #ff9933;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

.inputbox-two {
    width: 30%;
    height: 30px;
    background: #ffe681;
    font-size: 13px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    padding: 6px;
    border: 1px solid #ff9933;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

我遇到了CSS阶梯问题，无法解决。

Answer 1

想出来！只需在联系表单中的输入字段后删除<br>标记即可。 这些标签正在引入这种楼梯布局。这就是结果。