Using Handling colon inside a JSF generated HTML element ID in CSS selector

Question

The ID of an input field to search_form:expression is being set by JSF and I need to style that element. 

But, if I use a colon, it gets regarded as beginning a pseudo-element to the browser and so, it gets marked invalid and is ignored every time. Is it possible to escape this colon somehow? TIA!

input#search_form:expression {
  ///...
}

Answer 1

Yes, you can. 
Just Backslash (\) the colon. 
Like this:

input#search_form\:expression {  ///...}

Also, do check: Namespaces with CSS (MSDN)