wordpress自定義css類

我試圖修改我的wordpress網站上的忍者表單文本輸入的寬度。我可以通過ID單獨呼叫每個人：wordpress自定義css類

#ninja_forms_field_6 {width:25%; min-width:250px;}

但是，我想按班上課。但是，我似乎無法弄清楚正確的課程。我已經看了看源代碼，並顯示：

<input id="ninja_forms_field_6" data-mask="" data-input-limit="" data-input-limit-type="char" data-input-limit-msg="character(s) left" name="ninja_forms_field_6" type="text" placeholder="First Last" class="ninja-forms-field ninja-forms-req " value="" rel="6" /> 
    <div id="ninja_forms_field_6_error" style="display:none;" class="ninja-forms-field-error"> 
    </div>

當我試着使用：

.ninja-field ninja-forms-req {width:25%; min-width:250px;}

好像沒有什麼改變。特別是，我的css編輯似乎並不喜歡ninja-field和ninja-forms-req之間的空間。我發現了一些其他的答案，這些答案是兩個單獨的標籤，但我似乎仍然無法獲得文本輸入來響應我的輸入。我應該注意到，我正在使用「Simple Custom CSS」插件對CSS進行更改。提前任何幫助，將不勝感激。謝謝。

來源

2015-09-01 elpuga

'ninja-forms-req'是元素還是類？ – Roope

這是班。它似乎是由空格分隔的兩個類。 – elpuga

嘗試.ninja-field.ninja-forms-req。

當在同一元素上定位多個CSS類時，需要使用句點分隔它們。

來源

2015-09-01 18:09:49

謝謝你的回答。我試過了：.ninja-forms-field.ninja-forms-req {width：25％; min-width：250px}但它沒有工作。 – elpuga

您是否嘗試在規則上投擲「！important」？ –

假設.ninja-forms-field.ninja-forms-req {width：25％; min-width：250px！important;}是正確的語法，但它也沒有工作 – elpuga

我發現這個功能非常適合忍者的形式以及他們在某些主題中按鈕寬度的問題。這也解決了我使用自定義css插件的問題。根據你的主題按鈕高度使用高度。

.ninja-forms-field { 
    width:100%!important; 
    height:50px!important; 
}

來源

2016-05-28 00:43:03

wordpress自定義css類

回答

相關問題