Question

我目前正致力于此WordPres-Template。你看到＆＃34;预约＆＃34;？下的按钮？我不知何故需要将鼠标指针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

cursor:pointer!important;如果您为所选图层输入样式 - >＆gt;该特定图层的高级CSS 选项。

Answer 2

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

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

2 个答案: