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

Question

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

我试过这样的事情：

img:hover
{
    cursor:ponter;
}

GUI of Revolution Slider

我也试过这个：

.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

您不需要 javascript ，您可以通过 css 转到您的 css 文件并粘贴此行，它将起作用：.start{cursor:pointer!important;}

Answer 2

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

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

Change mouse-pointer in revolution slider

css

wordpress

html

revolution-slider