css - 在旋转滑块中更改鼠标指针

Question

我目前正在处理这个WordPres-Template。你看到“预约”下的按钮了吗？我不知何故需要将鼠标指针 onmouseover 更改为默认值。但是模板使用了Revolution Slider，所以我不知道把代码放在哪里。

我试过这样的事情：

img:hover
{
    cursor:ponter;
}

革命滑块的图形用户界面

我也试过这个：

.tp-caption .lfr .tp-scrollbelowslider .start .img:hover
{
    cursor:pointer;
}

滑块的 HTML 如下所示：

<div class="tp-caption lfr tp-scrollbelowslider start" data-x="703" data-y="691" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" data-scrolloffset="0" style="z-index: 9; left: 0px; top: 200px; visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px);"><img style="width: 0px; height: 0px;" src="http://test.de/wp-content/uploads/2016/03/whitebutton.png" alt=""> 
        </div>
<img style="width: 0px; height: 0px;" src="http://test.de/wp-content/uploads/2016/03/whitebutton.png" alt=""> 

这个选择器也不起作用：

li.tp-revslider-slidesli:nth-child(2) > div:nth-child(6) > img:nth-child(1):hover

Answer 1

cursor:pointer!important;如果您在该特定图层的样式 -> 高级 CSS选项下为所选图层输入它，它将完成这项工作。

Answer 2

你不需要 javascript ，你可以通过 css 来做 转到你的 css 文件并粘贴这一行，它会起作用：.start{cursor:pointer!important;}