元素在mozilla& amp;铬

时间:2014-02-12 07:49:37

标签: css wordpress cross-browser

请在mozilla& amp;上打开此网站http://goo.gl/0LdOVK。铬。您会注意到标题和标题略有不同页脚小部件(搜索和订阅表单)

我真的不知道是什么原因引起的。请帮忙! :(

非常感谢您提前

1 个答案:

答案 0 :(得分:0)

你可以做的是设置你需要在Firefox和其他浏览器(如Internet Explorer)中所需的宽度,然后只使用chrome来编辑输入字段的宽度:

@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*Chrome CSS here*/

    .input[type="search"]{

         width: 231px !important;

    }

}


/* For other browsers */
.input[type="search"]{

    width: 210px;

}

因此,将输入字段的宽度设置为'width:210px;'

然后使用上面的@media屏幕代码定位chrome并将其设置为您想要的宽度。可能性?