Question

我有一个wordpress网站，我正在使用bootstrap css弹出窗口。请查看此处的页面：http://aboutpubliseek.staging.wpengine.com/test-page/

当我减少浏览器的宽度小于770px时，电子邮件的文本框的高度会降低。我发现没有办法解决它。我使用内联css作为输入元素，我使用了！important标签的媒体查询，我也尝试删除所有其他css但bootstratp.css。但结果相同。所以我认为bootstrap.css有问题。当我减小宽度小于770px时，有些东西会覆盖我的CSS。

请检查我用于测试的以下代码：

@media screen and (min-width:481px) and (max-width:770px){
    #gform_fields_2 {
        input[type='email'] {
            background-color:#EEE;
            padding:5px 10px !important;
            min-height: 30px !important;
        }
    }
}

这里背景颜色有效，但填充。能帮我解决这个问题。

感谢。

Answer 1

添加此

min-height: 42px !important;

到这个

#gform_fields_2 input[type='email'] {

}

所以它变成了

#gform_fields_2 input[type='email'] {
/*..css defs that are already there */
min-height: 42px !important;
}

这是在你的commander_less.css文件中

css响应不工作并覆盖我的内联样式

1 个答案: