Добавление поведения при наведении на IPad - среда React / Typescript - PullRequest
Новая
       6

Добавление поведения при наведении на IPad - среда React / Typescript

0 голосов
/ 11 января 2020

Я пытаюсь смоделировать поведение при наведении курсора на Ipad.

Я использовал Media Query для определения среды IPad, так как при наведении указывается, что при наведении курсора на цвет фона Ipad не устанавливается при наведении курсора.

Но по-прежнему задает цвет фона одним касанием (поведение при наведении) Можно ли имитировать восприятие касания предмета без элемента наведения или без единого касания behviour?

Я проверял с помощью Исправлено наведение CSS на iPhone / iPad / iPod , но ни одна из них не работала в среде TypeScript.

Любые преимущества в моделировании поведения при наведении приветствуются. Спасибо!

Код как следует,

Css Код: 

quitItem:{
display:"block",
cursor:"pointer",
"@media (hover:hover)":{
//for non-touch environment this works
color:"blue",
"&:hover":{
//sets on hover
backgroundColor:"grey"
}
},

"@media (hover:none)":{ 
//for ipad color is set, but not background color when hovered
color:"red",
"&:hover":{
backgroundColor:"black"}
}
}

 <div onClick={onQuit} className={classes.quitItem} >
 X
 </div>

где asQuit содержит 

const onQuit=()=>{
setItem(0);
}
...