Styling Texty Inputs Only | CSS-Tricks

Let's say you want fancy styling your your text inputs: So you go and style those inputs: input { border: 5px solid white; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); padding: 15px; background: rgba(255,255,255,0.5); margin: 0 0 10px 0; } But then you add a few more inputs, a file input and the submit button, and you get sad face because you didn't want those styles to affect those elements.

Actions