选择尺寸属性大小在Chrome/Safari中无效？

如何解决，在代码中选择属性大小一样的问题：选择尺寸属性大小在Chrome/Safari中无效？

<select size="2"> 
    <option value="0" selected="selected">Default</option> 
    <option value="1">select 1</option> 
    <option value="2">select 2</option> 
    <option value="3">select 3</option> 
</select>

我怎样才能得到它在Chrome和Safari的工作？

来源

2013-04-02 user2228586

你是对的，哦，只要忘了。 –

对于2,3,4大小不会工作，但对于其余[作品]（http://jsfiddle.net/ddWr2/）。真奇怪。 – Vucko

是的，它有帮助。我只有不到15的声望，并且无法接受任何接受。 – user2228586

-4

尝试使用select标签的CSS属性width：

select { 
    width:value px; 
}

来源

2013-04-02 09:09:46

select {width：24px;}和size = 2是两个不同的主题。大小如在那里：http://i.stack.imgur.com/OSBo9.png – user2228586

这是一个known bug in webkit browsers。

在Chrome和Safari中使用它最简单的方法就是手动指定选择自己的样式。

这是working jsFiddle。

HTML：

<select size="2"> 
    <option value="0" selected="selected">Default</option> 
    <option value="1">select 1</option> 
    <option value="2">select 2</option> 
    <option value="3">select 3</option> 
</select>

CSS：

select { 
    height:36px; 
    font-size:14px; 
}

来源

2013-04-02 09:29:05 lifetimes

这实际上工作？它不适用于我的webkit真实设备。所有这些都会增加下拉的高度，而不是显示更多的元素，因为size属性会继续被忽略。然而，这么多加上投票，所以我想知道如果我做错了什么？ –

我使用大小属性在HTML中的 “其他” 的浏览器，然后指定CSS WebKit的外观。其他类型的菜单列表选项可用，textfield不是唯一的选项。你可能需要根据字体大小来调整高度。这使得它在所有浏览器上看起来都一样。

CSS

select{ 
    -webkit-appearance: menulist-textfield; 
    height: 45px; 
}

来源

2016-01-16 06:36:18

选择尺寸属性大小在Chrome/Safari中无效？

回答

相关问题