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響應不工作和覆蓋我的內聯樣式

回答

相關問題