下拉菜单中的文本大小/输入选择在Safari中不起作用 [英] Text size for drop down menu/input select not working in Safari

问题描述

第一个问题...

我无法获得任何下拉菜单/输入选择在Safari中以18字体显示。

在FF中运行正常。

代码：

 < form class =form> 
< select name =make> 
< option value =0>所有< / option> 
< / select> 
< / form> 
  

Css：

 code> .form input {
 font-size：18px; 
 margin-bottom：0px; 
} 
  

任何想法？可以在[ http://www.motolistr.com] [1] 查看直播

Best，
Nick

编辑1：
感谢您的快速回复。我为选择本身添加了一个样式，以避免混淆。我试过了;

 < select name ='make'style ='font-size：18pt; 
< / select> 
  

和

 < select name ='make'style ='font-size：18px;'> 
< / select> 
  

和

 < select name ='make'style ='font-size：1.3em;'> 
< / select> 
 

仍然不能在SAFARI工作...再次FF工作正常与所有3。

Best，
Nick

解决方案

必须关闭os样式：

  select {
 -webkit-appearance：none; 
} 
  

First question...

I'm having trouble getting ANY of the Drop down menu/Input Select's to appear with size 18 font in Safari.

Works fine in FF.

Code:

<form class="form">
<select name="make">
<option value="0"> All</option>
</select>
</form>

Css:

.form input{
font-size:18px;
margin-bottom:0px;
}

Any ideas? Can view live at [http://www.motolistr.com][1]

Best, Nick

EDIT 1: Thanks for the quick reply. I added a style to the select itself to avoid confusion. I tried;

<select name='make' style='font-size: 18pt;'>
 </select>

And

<select name='make' style='font-size: 18px;'>
 </select>

And

<select name='make' style='font-size: 1.3em;'>
 </select>

Still not working in SAFARI...Again FF works fine with all 3.

Best, Nick

解决方案

To style a select in Safari you first have to turn off the os styling:

select {
    -webkit-appearance: none;
}

这篇关于下拉菜单中的文本大小/输入选择在Safari中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！