CSS搭配Wordpress插件

請問我有手嗎？我正在努力克服Wordpress Custom Fields Search插件中的CSS，該插件似乎對出現在窗口小部件和頁面中的搜索框使用相同的樣式。如果您查看http://www.landedhouses.co.uk/parties/，白色文本可通過小部件中的搜索框顯示，但在頁面上不可見。任何想法如何解決這一問題！？不幸的是，將此添加到頁面的php沒有實現任何內容：CSS搭配Wordpress插件

<h2>By size and price</h2> 
<p style="color:000;"><?php if(function_exists('wp_custom_fields_search')) 
wp_custom_fields_search(); ?></p>

非常感謝！

來源

2012-06-10 Edmund

這是造成您問題的樣式規則。

/* searchforms.css line 15 */ 
.searchform-label { 
    display: block; 
    float: left; 
    width: 200px; 
    overflow: hidden; 
    font-size: 1.1em; 
    font-family: sans-serif; 
    font-weight: bold; 
    padding-top: 4px; 
    color: white; 
}

你可以用css做一些事情。您可以在樣式表的覆蓋規則：

.searchform-label { 
    color: black; 
}

如果不工作，你可以做出更具體的規則：

label.searchform-label { 
    color: black; 
}

，或者你可以在最壞的情況下作出的!important規則。

.searchform-label { 
    color: black !important; 
}

來源

2012-06-10 08:43:43

作爲擴展上述答案的（我還不能發表評論:(）

一般來說，一個更具體的規則將覆蓋如果原來沒有使用屬性！重要的是，

所以你只需要定位一些更具體的東西，比如label.searchform-label，如果這不起作用，那麼包含一個直接的父元素和一個>，例如，如果標籤被包裝在一個P ，使用p>label.searchform-label

應該很少有必要！重要的，儘管他們應該做一個！不重要，容易覆蓋：D

來源

2012-06-10 09:05:47 Jamie

Oooh - 這只是工作：label.searchform-label {color：black;}然而，爲什麼呢工作？當然，小部件和頁面都使用標籤class = searchform-label？謝謝 – Edmund

因爲label.searchform-label比.searchform-label更具體，所以值可以覆蓋任何非重要的規則，就像{parent}> label.searchform-label將覆蓋label.searchform-label中的規則，即對於更具體的選擇器，規則將被使用的可能性更大希望這有助於:) – Jamie

CSS搭配Wordpress插件

回答

相關問題