Apparently, this is as simple as doing a bit of code on event handlers. <input type=”search” v-model=”query” @focus=”magic_flag = true” @blur=”magic_flag = false” /> <div class=”results-as-you-type” v-if=”magic_flag”> … </div>
Try this, this should work : input::-webkit-input-placeholder { color: #999; } input:focus::-webkit-input-placeholder { color: red; } /* Firefox < 19 */ input:-moz-placeholder { color: #999; } input:focus:-moz-placeholder { color: red; } /* Firefox > 19 */ input::-moz-placeholder { color: #999; } input:focus::-moz-placeholder { color: red; } /* Internet Explorer 10 */ input:-ms-input-placeholder { color: #999; … Read more