Html input style 1
.styled-select {
background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
height: 32px;
overflow: hidden;
width: 240px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: white;
color: #333;
margin: 10px 0;
border: 1px solid #333;
}
.styled-select select {
background: transparent;
border: none;
font-size: 16px;
height: 32px;
padding: 5px;
width: 100%;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
select {
color: #000;
color: rgba(0,0,0,0);
text-shadow: 0 0 0 #000;
}
input[type=text]:invalid { color: red; }
input[type=text]:valid { color: #333; }
input::-moz-placeholder, input:focus { box-shadow:none !important; }
input:invalid { box-shadow:none; }
input:focus, .styled-select:focus { box-shadow: 0 0 3px #f29400 !important; }