给搜索项赋予黄色背景色

Question

下面的函数以粗体显示搜索项$find。它工作得很好。不过，我想这样做的目的是，不要将$find用粗体表示，而是用黄色背景表示，如CSS属性background-color:#FFFF00;。我怎么能这样做？

由于提前，

约翰

功能：

function highlight($text, $words) { 
    preg_match_all('~\w+~', $words, $m); 
    if(!$m) 
     return $text; 
    $re = '~\\b(' . implode('|', $m[0]) . ')\\b~i'; 
    return preg_replace($re, '<b>$0</b>', $text); 
} 

的PHP/HTML：

echo '<td class="sitename1search"><a href="http://www...com>'.highlight($row["title"], $find)).'</a></td>'; 

的CSS：

.sitename1search { width: 800px; 
      font-family: Arial, Helvetica, sans-serif; 
      font-weight: normal; 
      font-size: 12px; 
      overflow:hidden !important; 
      color: #000000; 
      padding-bottom: 0px; 

} 

.sitename1search a{ width: 350px; 
      font-family: Arial, Helvetica, sans-serif; 
      font-weight: normal; 
      font-size: 12px; 
      overflow:hidden !important; 
      color: #004284; 
      padding-bottom: 0px; 

} 

Answer 1

更换

return preg_replace($re, '<b>$0</b>', $text); 

随着

return preg_replace($re, '<span style="background-color:#FFFF00;">$0</span>', $text); 

Answer 2

在PHP只需添加class属性：

​​3210

，并添加到您的CSS文件：

.found-term { 
    background-color:#FFFF00; 
    font-weight: bold; 
} 

它比PHP中的style更好 - 只是因为逻辑和设计的冲突主要是坏主意。