Skip to content

Instantly share code, notes, and snippets.

@sindresorhus

sindresorhus/ios-clear-btn.css

Created January 22, 2013 13:54
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save sindresorhus/4594806 to your computer and use it in GitHub Desktop.
Save sindresorhus/4594806 to your computer and use it in GitHub Desktop.
Download ZIP
Recreation of the native iOS textfield clear button in a data uri. *Should be identical, but is not the original*
Raw
ios-clear-btn.css
.clear-btn {
width: 19px;
height: 19px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAMFBMVEWysrKysrKysrKysrKysrKysrKysrKysrKysrKysrL////39/fh4eG9vb23t7eysrKQDTJbAAAACnRSTlMBKlNxqbO70e7739UFWQAAAMFJREFUeNqNlMsOxSAIREs1AbVe/v9v78JMSn0kMytJTzqIwPWRpKxWimlOcp2U1IM07SHzSbaCor6RTta3+VZ2f6jiB5WboSIncNzKkB+yP0gHlRD/cJjCURdYPrX1F+qtPrCNP+u1Dg5UrYhSzKyBA9VCdhJtwOEICTzjx0jBNfvCLZRnpBa5SCE584WLFEpSfMOBggqJkabkFciCkOUlH4t7erKRuLYkm5wbGXIAuXHmlgO3asjFxa9BfqmSK/oPfl489V95hyMAAAAASUVORK5CYII=');
background-size: 100%;
cursor: pointer;
}
@sindresorhus
Copy link
Author

Image file:

clear button

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment