CSS buttons styled to look like shirt buttons with a plaid flannel CSS background. There are not actually holes in the buttons. That is an illusion by placing different colored circles appropriately. Those are all done as a box-shadow from one transparent circle created from .button::after. The body tag is utilized to create the plaid design with repeating-linear-gradient. body::before creates the horizontal lines and body::after creates the vertical lines. Developed using css and html. demo and download available.
Pressable, iOS Compatible CSS Button.A 'pressable' CSS button that is still pressable on mobile safari. The secret is having ontouchstart="" set in a containing element, allowing the :active pseudo-class to work; the body tag is fine. I am pretty sure this won't work on Android, but I don't have a device to test on.