CSS & HTML

폼 요소(input) 의 스타일 제어

ImRedCat 2009. 10. 19. 17:08

form{margin:0;padding:0}
input {border:1px solid #7B7B7B;background:#E6F5FF;padding:1px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;font-size:12px}
input[type=text]:focus {background:#ff0}
input[type=text]:hover {background:#ffc}

.radio{background:#fff;border-width:0px}
.checkbox{background:#fff;border-width:0px}

input[type=button] {border:1px solid #7B7B7B;background:#f60;padding:2px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}
input[type=submit] {border:1px solid #7B7B7B;background:#fff;padding:2px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}

button{border:1px solid #7B7B7B;background:#E6F5FF;padding:2px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}



상세 내용은 여기에 -> https://bit.ly/2QgSxgc