CSS
语言:
CSSSCSS
确定
input {
font-size: 2em;
padding-top: 0.5em;
padding-left: 5px;
width: 100%;
outline: none;
border: none;
height: 80px;
background-color: transparent;
}
label {
position: absolute;
top: 5px;
left: 5px;
}
.cb {
position: relative;
}
.cb label {
position: absolute;
width: 100%;
top: 25px;
}
.cb input {
height: auto;
width: auto;
}
input[type="submit"] {
background-color: #f90;
padding: 0;
transition: all 0.2s ease;
color: #fff;
}
input[type="submit"]:hover {
background-color: #fff;
color: #f90;
}
div[class^="col"] {
height: 80px;
background-color: #fff;
border: 1px solid #e2e2e2;
}
.container {
width: 400px;
border-radius: 5px;
border: 1px solid #e2e2e2;
overflow: hidden;
margin: 0 auto;
}
* {
box-sizing: border-box;
}
body {
font-family: 'Lato';
background-color: #fcfbe3;
padding-top: 5%;
}
h2 {
text-align: center;
}
.container div:first-of-type {
border-radius: 5px 5px 0 0;
}
.container div:last-of-tupe {
border-radius: 0 0 5px 5px;
}
input {
color: #333;
}
label {
/* QuickGrids */
color: #666;
}
div[class^="col"] {
position: relative;
float: left;
}
.col-full {
width: 100%;
}
.col-half {
width: 50%;
}
.col-third {
width: calc(100% / 3);
}
.col-quarter {
width: 25%;
}