我們先對對input標記設定樣式，**如下：
html **
css **
#text1
#button
文字域設定高度 20px，按鈕高度需要設定 24px。按照 ie 的標準正常對齊，但在 firefox 中文字域和按鈕高度是錯開的。
此時通過對 input 標記設定左浮動 (float:left)，即可相容 firefox，css **如下：
#text1
#button
當然，可以使用css 以更有針對性地控制瀏覽器表現。
小結：button在高度計算上始終使用了quirks模式。在quirks模式下，邊框的計算是在元素的寬度內的，而不像標準模式一樣計算在外部，所以在text和button上同時設定邊框就會得到button的高度比text小的現象。所以文字框要與button按鈕對齊，button的高度是要高於文字text的高度的。（button的高度包含邊框的高度，而文字框text則不包含邊框高度。）
用CSS來解決輸入框和按鈕對不齊的問題
今天我將介紹一下如何使用css中的背景來設計你的搜尋框。之前我使用別的方法來實現我的表單和搜尋框，但是這種方法看起來會更容易些，所以我想將它與感興趣的朋友分享。首先來讓我們看看我的原始的使用 inputtype image src image url 的方法 這看起來挺不錯的，但是它有乙個不好的地方...
常用按鈕 文字框 表單等CSS樣式
雖然css樣式的學習需要我們動手多實踐，需要多做案例，思致思考，但有時候注意資料的收集與整理也是非常重要的，在實際開發中往往會起到事半功倍的效 果。在52css.com的文件中，也提供了豐富的內容。下面一些關於按鈕 文字框 表單的常用css樣式。大家可以參考。一 按鈕樣式 example sourc...
CSS 文字框裡新增按鈕的實現
有很多人做介面會經常發現設計師設計出這樣的介面 咋一看是乙個文字框裡加了乙個按鈕，經過谷歌之後，未發現在文字框裡可以新增按鈕。但可以通過div來實現它。我的做法是先做乙個大小的div，然後用帶裡面大小的作為背景，然後在div中併排依次新增乙個文字框 和按鈕，要求按鈕同時覆蓋在查詢上，然後設定文字框和...