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

我有一个WordPress网站，我使用引导CSS的弹出。请检查页面：http://aboutpubliseek.staging.wpengine.com/test-page/css响应不工作和覆盖我的内联样式

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

请检查下面的代码我用来测试：

@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; 
     } 
    } 
}

这里背景色的作品，但填充。你能帮我解决这个问题吗？

谢谢。

来源

2013-05-06 Mamunur Rashid

添加此

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文件

来源

2013-05-06 10:24:05 Stvdd

谢谢你答。但我已经尝试过这种风格。实际上高度将为30px。但问题是通过减少770px的宽度来调整浏览器的大小，然后输入[type = email]字段的高度发生了变化。请检查一下自己。 – 2013-05-06 10:38:06

这就是我所做的。 http://i.imgur.com/q50k2IP.png – Stvdd 2013-05-06 11:26:58

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

回答

相关问题