Skip to content

Instantly share code, notes, and snippets.

@owngeek

owngeek/placeholder_styling.css

Last active September 20, 2016 09:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save owngeek/3869a55d708e8f3335d7c3473c97ec13 to your computer and use it in GitHub Desktop.
Save owngeek/3869a55d708e8f3335d7c3473c97ec13 to your computer and use it in GitHub Desktop.
Download ZIP
Placeholder Styling
Raw
placeholder_styling.css
<style>
body{background: #087585;}
.plcehldr input {width: 200px;border: none;background: #f8f8f8;height: 33px; color: blue;position: absolute;top: 0;left: 0;margin: auto;right: 0; bottom: 0;
border-radius: 2px; padding-left: 6px; }
.plcehldr img{width: 18px;position: absolute; right: 0;top: 8px; cursor:pointer;}
.plcehldr input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #087585 ;
}
.plcehldr input::-webkit-input-placeholder { /* Firefox 19+ */
color: #087585 ;
}
.plcehldr input ::-webkit-input-placeholder { /* IE 10+ */
color: #087585 ;
}
.plcehldr input ::-webkit-input-placeholder { /* Firefox 18- */
color: #087585 ;
}
</style>
Raw
placeholder_styling.html
<div class="plcehldr">
<input type="text" name="Search" placeholder="search" >
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment