关于css3:解决使用鼠标禁用符号不显示红色禁用符号

45次阅读

共计 616 个字符,预计需要花费 2 分钟才能阅读完成。

通常状况下,应用 cursor: no-drop 或者 cursor: not-allowed。查了很多材料,说是主动会给设置为红色边框的禁用符号。起初本人做试验,发现都是灰白色的禁用图标,包含京东也是如此:

如果想实现红色的图标应该怎么做呢?给 cursor 加上一个 url 的默认图片的参数。

格局:cursor: url(图片门路), auto;
然而应用我本地的一个图片后,发现没有失效。起初持续查问:发现应用的图片的大小和分辨率是有限度的:

In Gecko (Firefox) the limit of the cursor size is 128×128px. Larger cursor images are ignored. However, you should limit yourself to the size 32×32 for maximum compatibility with operating systems and platforms.

起初从新换了一张图片,之后就能够通过展现图片来代替鼠标了。不过一个限度就是此时只会显示图片,而没有鼠标的箭头了,目前最好的计划应该就是这个了。能够把图片替换为须要想要的任何形态和色彩的图片。

参考:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property#limitations

正文完
 0