input type submit border none position relative display inline-block f

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
input[type*='submit'] {
border: none;
position: relative;
display: inline-block;
font-size: 90%;
font-weight: 700;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 2px rgba(0,0,0,.2);
padding: .5em 1em;
outline: none;
border-radius: 3px;
background: #666;
background: linear-gradient(rgb(110,112,120),rgb(81,81,86)) rgb(110,112,120);
box-shadow: 0 1px rgba(255,255,255,.2) inset,0 3px 5px rgba(0,1,6,.5),0 0 1px 1px rgba(0,1,6,.2);
transition: .2s ease-in-out;
padding: 5px;
margin: 10px 5px;
}
input[type*='submit']:active {
top: 1px;
background: linear-gradient(rgb(76,77,82),rgb(56,57,62)) rgb(76,77,82);
box-shadow: 0 0 1px rgba(0,0,0,.5) inset,0 2px 3px rgba(0,0,0,.5) inset,0 1px 1px rgba(255,255,255,.1);
}
input[type*='submit']:hover {
cursor: pointer;
background: linear-gradient(rgb(126,126,134),rgb(70,71,76)) rgb(126,126,134);
}