title: Text shadow in porition of text/label xul xbl
body: <p>I have a list of a bunch of names. As a user types I want to highlight the text matches in the names. (aside: if nothing is found i show "No matches for 'rar'").</p>
  
  <p>This is my goal graphic mockup:</p>
  
  <p><img src="https://i.imgur.com/htAxQn3.png" alt=""></p>
  
  <p>The user has typed "rar" and it has given the matched "rar"s in the names a red outline. I can accomplish this on the whole label with <code>text-shadow: 0 0 1px red</code> but i am not able to do on portion.</p>
  
  <p>I've seen content editable divs <a href="http://html5demos.com/contenteditable" rel="nofollow noreferrer">http://html5demos.com/contenteditable</a>
  accomplish this. They can give different font colors to ranges. The xul label i can replace with xbl html textbox etc. I just can't figure it out though.</p>
  
  <p>Thanks</p>