커서 : 포인터가 제대로 작동하지 않습니다.

Question

커서 용으로 형식 양식을 개발했습니다 : 포인터가 작동하지 않습니다.

.confirm { 
 
    position: absolute; 
 
    padding: 10px; 
 
\t background-color: rgba(185, 208, 224, 0.26); 
 
    border-radius: 3px; 
 
    border-color: #828c94; 
 
    border-width: 1px; 
 
    border-style: solid; 
 
\t cursor:pointer; 
 
} 
 
.confirm .child1 { 
 
    float: left; 
 
    margin-left: 5px; 
 
    padding: 10px 15px; 
 
    background-color: #2C3F54; 
 
    color: white; 
 
    cursor:pointer; 
 
} 
 

 
.confirm .child2 { 
 
    float: right; 
 
    margin-left: 10px ; 
 
    padding: 15px; 
 
\t cursor:poniter; 
 
}

<div class="confirm" > <span class="button-wrapper child1"> <div class="button nav enabled "><span style="vertical-align:top">Ok </span><i class="material-icons">done</i> </div> </span> <span class="text child2">press <strong>ENTER</strong></span> </div>

커서 버튼을 상단 부분에 대해서만 작동하고 있지만, 하부 나는이 문제를 볼

Answer 1

에서 작동하지 않습니다. 선택기 .confirm .child2에서 포인터의 철자가 잘못되었습니다. cursor: pointer이어야합니다.