Problem

The Livesearch macro provides a placeholder attribute. However, that placeholder text isn't displayed consistently across browsers.

Steps to reproduce

1. Create a page in Confluence, and add the livesearch macro
2. View the page in IE, and Chrome

Expected Results

1. The placeholder text can be easily distinguished from the text a user types

Actual Results

1. In Internet Explorer, the text is the same colour as the user types

Workaround

The following CSS ensures the colour of the placeholder text is consistent cross browser:

::-webkit-input-placeholder {
   color: #878787 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #878787 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #878787 !important;
}

:-ms-input-placeholder {  
   color: #878787 !important;
}