不能使用自定义光标

我想使用自定义光标与url代码，但它似乎不起作用。这里是链接到光标我想使用：http://www.rw-designer.com/cursor-detail/43903 不能使用自定义光标

段：

.dropbtn { 
 
    background-color: rgba(0, 0, 0, 0.0); 
 
    font-family: 'Montserrat', sans-serif; 
 
    color: white; 
 
    padding: 5px; 
 
    font-size: 14px; 
 
    border: none; 
 
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=43903), auto; 
 
}

<div class="dropdown"> 
 
    <button onclick="myFunction()" class="dropbtn">&#8883;Featured&#8882;</button> 
 
    <div id="myDropdown" class="dropdown-content"> 
 
    <a href="walnutwetbar.html">Walnut Wetbar</a> 
 
    <a href="woodandsteel.html">Wood and Steel</a> 
 
    <a href="bluestainpine.html">Blue Stain Pine Changing Table</a> 
 
    <a href="dualityguitar.html">Duality Guitar</a> 
 
    </div> 
 
</div>

来源

2017-08-01 hannacreed

超近，就在光标的末尾添加文字 '自动'。 IE：光标：网址（http://www.rw-designer.com/cursor-extern.php?id=43903),auto;

https://jsfiddle.net/ttngcLgf/

.dropbtn { 
 
    background-color: black; 
 
    font-family: 'Montserrat', sans-serif; 
 
    color: white; 
 
    padding: 5px; 
 
    font-size: 14px; 
 
    border: none; 
 
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=43903),auto; 
 
}

<div class="dropdown"> 
 
    <button onclick="myFunction()" class="dropbtn">&#8883;Featured&#8882;</button> 
 
    <div id="myDropdown" class="dropdown-content"> 
 
    <a href="walnutwetbar.html">Walnut Wetbar</a> 
 
    <a href="woodandsteel.html">Wood and Steel</a> 
 
    <a href="bluestainpine.html">Blue Stain Pine Changing Table</a> 
 
    <a href="dualityguitar.html">Duality Guitar</a> 
 
    </div> 
 
</div>

来源

2017-08-01 13:59:23

文档，https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property –

增加了'auto'，它的工作，谢谢！ – hannacreed

@hannacreed mark Nathan的回答正确 - 这是最好的谢谢你可以给 - 除非他宁愿你给他一个6包的啤酒。 – UncaughtTypeError

需要您为自定义光标指定的图像路径后添加, auto 。

.dropbtn { 
 
    background-color: rgba(0, 0, 0, 0.0); 
 
    font-family: 'Montserrat', sans-serif; 
 
    color: white; 
 
    padding: 5px; 
 
    font-size: 14px; 
 
    border: none; 
 
    cursor: url(http://www.rw-designer.com/cursor-extern.php?id=43903), auto; 
 
}

<div class="dropdown"> 
 
    <button onclick="myFunction()" class="dropbtn">&#8883;Featured&#8882;</button> 
 
    <div id="myDropdown" class="dropdown-content"> 
 
    <a href="walnutwetbar.html">Walnut Wetbar</a> 
 
    <a href="woodandsteel.html">Wood and Steel</a> 
 
    <a href="bluestainpine.html">Blue Stain Pine Changing Table</a> 
 
    <a href="dualityguitar.html">Duality Guitar</a> 
 
    </div> 
 
</div>

来源

2017-08-01 13:57:55 UncaughtTypeError

不能使用自定义光标

回答

相关问题