如何給相同的尺寸，以不同類型的

我的控制每行（下拉列表，文本框，按鈕，...）意甲的控制。我希望他們有相同的高度。唯一的問題是我需要manualy ajust每個元素的高度，因爲25px的用於DROPDOWNLIST似乎不是一樣25px的一個文本框。例如，文本框總是比較大。有沒有一種通用的方法來做到這一點？如何給相同的尺寸，以不同類型的

感謝您的幫助。

來源

2012-09-13 Richard77

你可以嘗試添加一個CSS重置到你的頁面，這應該有所幫助，但是表單元素可能會在所有瀏覽器中統一起來非常棘手。 –

您可以將以下所有你想要的大小的元素：

.box-model { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    height:32px; 
}

這會讓他們，包括選擇框堅持你定義的規則。這不會在舊版本的IE中工作。 IE6和7是在造型選擇框和輸入字段notriously不好，不支持上述CSS。

來源

2012-09-13 14:33:44

由於通常，所有的瀏覽器都十分完美，但IE9的工作。我只是放棄了。 – Richard77

令人驚訝的...但並不令人驚訝，我通常發現IE9是好的。它在做什麼？ –

它並沒有使控制更高。昨天，無論何時我改變這些控件的高度，IE9都會保持不變。也許，我錯過了一些東西。 – Richard77

input, textarea, select, select>option { width:150px; height:50px; line-height:50px;}

來源

2012-09-13 16:30:53

如何給相同的尺寸，以不同類型的

回答

相關問題