cursor:pointer

Odpowiedz Nowy wątek
2018-12-01 10:22
0

Mam małą zagwozdkę
Poniżej linijka kodu z React


const SubmitButton = ()=>{return(<div className = ' mx-2 text-success IcoMoon' onClick ={this.handleSubmitButton} ></div>)}

A tu definicja klasy IcoMooon


.IcoMoon{
    font-family: IcoMoon;
    cursor:pointer !important;  
}

Problem dotyczy wyglądu kursora po najechaniu na element. Otóż &#xe901 to tzw ptaszek albo check; rzecz wtym, że przy najeździe kursor jest strzałką na jego brzegu elementu a jest 'auto' czyli jakby duże I wygląd w jego środku (czyli na ptaszku). Chciałam aby był pointerem zwłaszcza na ptaszku. Co tu jest nie tak? Sprawdzałam także jako span oraz i - jest tak samo( znaczy niedobrze).

edytowany 1x, ostatnio: Doctanna, 2018-12-01 10:27

Pozostało 580 znaków

2018-12-01 10:32
0
Doctanna napisał(a):

Mam małą zagwozdkę
Poniżej linijka kodu z React


const SubmitButton = ()=>{return(<div className = ' mx-2 text-success IcoMoon' onClick ={this.handleSubmitButton} ></div>)}

A tu definicja klasy IcoMooon


.IcoMoon{
    font-family: IcoMoon;
    cursor:pointer !important;  
}

Problem dotyczy wyglądu kursora po najechaniu na element. Otóż &#xe901 to tzw ptaszek albo check; rzecz wtym, że przy najeździe kursor jest strzałką na jego brzegu elementu a jest 'auto' czyli jakby duże I wygląd w jego środku (czyli na ptaszku). Chciałam aby był pointerem zwłaszcza na ptaszku. Co tu jest nie tak? Sprawdzałam także jako span oraz i - jest tak samo( znaczy niedobrze).

Do zamknięcia - działa po przepisaniu na StyledComponents co i tak było w planie


const SubmitButton = ()=>{return(<Icon onClick ={this.handleSubmitButton} >&#xe901;</Icon>)}

const Icon =styled.span`
margin: 0.5rem;
font-family: IcoMoon;
cursor:pointer;
color: green;
`

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0