在选择输入字段中垂直对齐并使用填充答案

【问题标题】：Vertical align and use padding in Select Input Field在选择输入字段中垂直对齐并使用填充
【发布时间】：2017-04-17 04:46:34
【问题描述】：

您好，我正在尝试使用 inputfielded 构建一个带有重叠标签的表单。

问题是我想在输入字段的内容中添加填充以正确对齐字段的值。这适用于我的常规文本输入字段，但不适用于选择输入字段。

谁能告诉我为什么它不起作用？

最好的展示方式是查看fiddle:https://jsfiddle.net/pmrcdzbu/

<div class="inputgroup">
            <select class="input filled" id="dropdown">
                <option value="1">Collect</option>
                <option value="2">Electronic transfer</option>
                <option value="3">Private</option>
                <option value="4">Cash</option>
            </select>
            <div class="errorTooltip errorTooltipRequired ng-binding ng-scope" id="etntavq">Verplicht</div>
            <label for="billingLine1" id="billingLine1Label" class="binding">Payment method</label>
            <div class="browse-btn" id="dropdown-btn">
                <i class="fa fa-caret-down" aria-hidden="true"></i>
            </div>
        </div>
<style>
.Container .input, .Container .input option {
            height: 49px;
            width: 100%;
            padding: 0 14px;
            padding-top: 16px;
            border-radius: 5px;
            background-clip: padding-box;
            border: 1px solid #c5ccd1;
            color: #000;
            -webkit-transition: border-color .3s ease 0s;
            transition: border-color .3s ease 0s;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            background: none;
            display: block;
            vertical-align: top;
            font-size: 1.2em;
        }
 </style>

第二件事是我希望能够单击一个按钮，然后自动展开选择字段。我在堆栈上搜索，但还没有找到正确的答案

【问题讨论】：

标签： html css forms select input

【解决方案1】：

重置选择输入的默认浏览器样式

select {
    -webkit-appearance: none;
    -moz-appearance : none;
}

查看此回复了解更多信息https://stackoverflow.com/a/27006590/5610732

【讨论】：

谢谢你，就是这样，我知道它必须是一些简单的东西。没找到