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">。它给你更多的造型自由。

表单控件让所有浏览器看起来都很不错，尤其是按钮和选择框。