CSS對齊問題

Question

我正在設計我的域名註冊網站的主頁，我被困在一個地方。請http://a2host.in/

在Firefox和谷歌Chrome經過網站的搜索和Go按鈕都與文本和選擇框，但在Opera和IE8，他們倒下了一下相同的對齊。

我試過所有的東西，但我無法弄清楚實際問題。

Answer 1

請註釋掉以下CSS3屬性（請參見下文）在.regbutton類的stylesheet，然後嘗試，垃圾

.regbutton, .regbutton:visited { 
    background: #222 url(/getImage.php?src=myUploadedImages/overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none; 
    /*-moz-border-radius: 6px;*/ /*comment out all CSS3 properties*/ 
    /*-webkit-border-radius: 6px;*/ 
    /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/ 
    /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);*/ 
    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/ 
    /*border-bottom: 1px solid rgba(0,0,0,0.25);*/ 
    position: relative; 
    cursor: pointer; 

} 

Answer 2

嘗試設置border:none您的按鈕

Answer 3

我看到很多unneccesary造型。本質上，這是你想要的： Basic form without floats

你可以在這裏調整字體大小和顏色，直到你有你想要的。但這是一個很好的起點，因爲它是跨瀏覽器相同的。

此外，請考慮使用<button>元素，而不是<input type="button">。它給你更多的造型自由。

表單控件讓所有瀏覽器看起來都很不錯，尤其是按鈕和選擇框。