# In\_place\_editor\_field and custom highlight color?

**URL:** <https://www.ruby-forum.com/t/in-place-editor-field-and-custom-highlight-color/83959>\
**Category:** Rails\
**Created:** [January 31, 2007, 3:02am UTC](https://www.ruby-forum.com/t/in-place-editor-field-and-custom-highlight-color/83959 "2007-01-31T03:02:07Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeff](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/e19b73/32.png) [@jeff](https://www.ruby-forum.com/u/jeff)\
**Post date:** [January 31, 2007, 3:02am UTC](https://www.ruby-forum.com/t/in-place-editor-field-and-custom-highlight-color/83959/1 "2007-01-31T03:02:07Z")

</div>

Is there a way to set the starting and ending highlight colors when  
using the built-in helper in\_place\_editor\_field? I’m looking through  
the code now and I’m not having any luck finding the right syntax.

Thanks,  
Jeff C.man

---

<div class="post-metadata">

**Author:** ![jeff](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/e19b73/32.png) [@jeff](https://www.ruby-forum.com/u/jeff)\
**Post date:** [January 31, 2007, 6:20pm UTC](https://www.ruby-forum.com/t/in-place-editor-field-and-custom-highlight-color/83959/2 "2007-01-31T18:20:45Z")

</div>

Jeff C.man wrote:

> Is there a way to set the starting and ending highlight colors when  
> using the built-in helper in\_place\_editor\_field? I’m looking through  
> the code now and I’m not having any luck finding the right syntax.
> 
> Thanks,  
> Jeff C.man

Just did this a few minutes ago:

From AWDWRv2, page 548 (in the PDF, anyway):

div.auto\_complete {  
width: 350px;  
background: #fff ;  
}  
div.auto\_complete ul {  
border:1px solid #888 ;  
margin:0;  
padding:0;  
width:100%;  
list-style-type:none;  
}  
div.auto\_complete ul li {  
margin:0;  
padding:3px;  
}  
div.auto\_complete ul li.selected {  
background-color: #ffb ;  
}  
div.auto\_complete ul strong.highlight {  
color: #800 ;  
margin:0;  
padding:0;  
}

Although in my case I ended up with:

div #host\_name\_auto\_complete.auto\_complete ul li.selected {  
background-color: #FF9900;  
}

Disclaimer - my CSS knowledge is pitiful, so perhaps someone can point  
out why I needed the #… part