如何设置 <select> 的高度答案

【问题标题】：How to set <select>'s height如何设置 <select> 的高度
【发布时间】：2014-03-12 03:28:15
【问题描述】：

我似乎无法为<select> 定义高度，即使将其设置为display:block

select{
    height: 100px; /* ignored */
    display: inline-block;
}

http://jsfiddle.net/3Vz9Y/

知道为什么吗？

-编辑-

我正在使用谷歌浏览器

【问题讨论】：

它对我有用。你用的是什么浏览器
最好使用padding: 40px 0;。文本不在 FireFox 中居中。高度在 Chrome 和 FireFox 中有效。
我正在使用谷歌浏览器
哪个版本，哪个平台？
尝试使用开发者工具并检查元素以查看是否应用了其他 css

标签： html css google-chrome select height

【解决方案1】：

如果您在 Mac 上工作，请确保将

 -webkit-appearance: none;

在样式属性之上，例如：

select {
-webkit-appearance: none;
height: 100px;
display: inline-block;

}

然后你就可以随心所欲地设计风格了。

http://jsfiddle.net/3Vz9Y/17/

【讨论】：

抱歉，JunM 已经正确回答了这个问题，我应该学会在回答之前阅读答案 - 对不起，JunM

【解决方案2】：

试试这个代码..

现在此代码适用于所有浏览器...

Fiddle

CSS

 select
    {
    min-height:20px;
    display: block;
    }

HTML

<select>
     <option>hi</option>    
</select>

【讨论】：

我想，这还是忽略了height。
@ToniMichelCaubet 是包装在其他标签中的选择标签？？？或者你只有
你的小提琴对我不起作用，而且 corse 被其他标签包裹着，我没有任何身体只有一个选择;）

【解决方案3】：

我找到了相关的帖子here

您也可以通过这种方式设置select 的样式：

Fiddle

.styled{
    position: relative;
    background: transparent;
    background-color: #FCFCFC;
    -webkit-appearance: none;    
    height: 25px;
    min-width: 50px;   

}

【讨论】：