選擇尺寸屬性大小在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中無效？

回答

相關問題