CSS对齐问题

CSS对齐问题,css,alignment,Css,Alignment,我正在设计我的域名注册网站的主页,我被困在一个地方。请浏览以下网址: 在Firefox和GoogleChrome中,搜索和进入按钮与文本和选择框保持一致,但在Opera和IE8中,它们有点下降 我已经试过了所有的东西,但我无法找出实际的问题。尝试为按钮设置边框:无尝试为按钮设置边框:无我看到很多不必要的样式。本质上,这就是你想要的: 你可以在这里调整字体大小和颜色,直到你得到你想要的。但这是一个很好的起点,因为它是跨浏览器的 另外,考虑使用元素而不是。它给你更多的自由造型 表单控件在所有浏览器

我正在设计我的域名注册网站的主页,我被困在一个地方。请浏览以下网址:

在Firefox和GoogleChrome中,搜索和进入按钮与文本和选择框保持一致,但在Opera和IE8中,它们有点下降


我已经试过了所有的东西,但我无法找出实际的问题。

尝试为按钮设置
边框:无

尝试为按钮设置
边框:无

我看到很多不必要的样式。本质上,这就是你想要的:

你可以在这里调整字体大小和颜色,直到你得到你想要的。但这是一个很好的起点,因为它是跨浏览器的

另外,考虑使用
元素而不是
。它给你更多的自由造型


表单控件在所有浏览器中都很难保持良好的外观,尤其是按钮和选择框。

我看到了很多不必要的样式。本质上,这就是你想要的:

你可以在这里调整字体大小和颜色,直到你得到你想要的。但这是一个很好的起点,因为它是跨浏览器的

另外,考虑使用
元素而不是
。它给你更多的自由造型


表单控件在所有浏览器中都很难保持良好的外观,尤其是按钮和选择框。

请在.regbutton类中注释掉以下CSS3属性(请参见下文),然后重试

.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;

}

请在您的.regbutton类中注释掉以下CSS3属性(请参见下文),然后重试

.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;

}
垃圾进来,垃圾出去。垃圾进来,垃圾出去。