如何正确调整 select 表单输入的大小

Question

我有一个同时使用文本字段和 select 选项的表单。我使用以下 CSS:

设置了表单样式

input[type=text] {
    width: 250px;
    height: 30px;
    text-indent: 10px;
    border-width: 3px;
    border-color: rgba(50, 50, 50, 0.14);
    margin: 10px 10px 10px 0px;
    padding: 5px 5px 5px 5px;
}

select {
    width: 250px;
    height: 30px;
    border-width: 3px;
    border-color: rgba(50, 50, 50, 0.14);
    margin: 10px 10px 10px 0px;
}

问题是由于某些原因，select 选项没有正确使用 width 和 height。与文本字段相比，实际的 select 框相当小。他们最终像：

如何使用 CSS 正确调整 select 选项的大小，使其与文本字段具有相同的大小？我尝试使用如上所示的 width 和 height，但这并没有给我想要的效果。

Answer 1

试试这个：

select {
    min-width:265px;
    min-height: 45px;
    border-width: 3px;
    border-color: rgba(50, 50, 50, 0.14);
    margin: 10px 10px 10px 0px;
}

如何正确调整 select 表单输入的大小

How to properly resize select form input

html

forms

html-select