1 <apex:page controller="ContactSearchHighlight" showHeader="false" sidebar="false"> 2 <apex:sectionHeader title="Search Contacts" subtitle="Highlighter"/> 3 <style type="text/css"> 4 h1{ 5 font-size:16px; 6 } 7 .highlight_word{ 8 background-color: PaleGreen; 9 font-weight:bold; 10 font-style:italic; 11 } 12 .searchbox{ 13 border:1px solid #ccc; 14 font-family:verdana; 15 padding:10px; 16 } 17 .searchbox p{ 18 text-transform: capitialize; 19 } 20 .hrstyle{ 21 color: #f00; 22 background-color: #f00; 23 height: 1px; 24 } 25 </style> 26 <apex:form> 27 <apex:inputtext value="{!srchArg}"/> 28 <apex:commandButton value="Search" action="{!search}"/> 29 </apex:form><br/> 30 <div class="searchbox"> 31 <apex:repeat value="{!lstContact}" var="cnt"> 32 <h1>{!cnt.Name}</h1> 33 <p><apex:outputText value="{!cnt.details__c}" escape="false" /> 34 <div style="text-align:center;color:#ccc;"> 35 ----------------------------------------------- 36 </div> 37 </p> 38 39 </apex:repeat> 40 </div> 41 </apex:page>