수다닷컴

제가 버튼을 아래와 같이 주었거든요..
div class=btnArea01a
input type=submit value=확인 class=btnSumbit
/div

개발자가input type=submit 으로 해달라는 요청이 있어서요
그리고 마우스 오버시 버튼 칼라 바뀌게 해달래서 css를 다음과 같이 작성하였습니다.

.btnArea01a .btnSumbit {
margin:0 auto;
display:block;
width:200px;
height:42px;
background:#fff;
color:#000;
text-aling:center;
border:4px solid #777;
font-weight:bold;
font-size:12px;
margin-top:-50px;
}

.btnArea01 .btnSumbit:hover, .btnArea01 .btnSumbit:focus, .btnArea01a .btnSumbit:hover, .btnArea01a .btnSumbit:focus {
color:#5bc8e1; background:#efefef;
}

그런데 마우스 오버시에는 버튼의 칼라가 안변하고 클릭시에만 변하네요
오타는 없는거 같은데.. 무엇때문에 그러는지.. 제가 잘못 이해한거지, 뭔가 빠트린것이 있는지

그리고 제가 한것은 확인이라는 텍스트에만 링크가 걸리는데 혹시 버튼 전체에 링크가 걸리게 하려면 어떻게 해야할까요??

가벼운 기본 질문인데 너무 시간을 허비하고 해결 못하고 있네요..
도움 부탁드려요..

신청하기