Skip to content

Instantly share code, notes, and snippets.

@rauhryan
Created October 11, 2011 21:36
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 rauhryan/1279534 to your computer and use it in GitHub Desktop.
Save rauhryan/1279534 to your computer and use it in GitHub Desktop.
.date-picker { position: relative; width:250px; }
.date-picker .date-icon {
position:absolute;
top:15px;
right:-10px;
}
.date-picker .date-icon {
position:absolute;
top:0;
right:0;
}
.date-picker { position: relative; width:250px; }
.date-picker .date-icon {
position:absolute;
top:0;
right:0;
}
<div>
<h6>Example:</h6>
<div class="date-picker">
<input type="text" placeholder="TextBox with an Icon" class="date-input">
<a href="#" onclick="alert ('clicked');" class="date-icon">
<img src="http://s3.amazonaws.com/wimgo/images/wimgo-search-date-popup-icon.gif" alt="">
</a>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment