猫史档案馆


【没卵用小教程】网页版收藏小说按钮的修复尝试

用户:安德球安德球查看:0 回复:6 评论:0 创建时间:2019-01-29T15:25:22


center_image

各位早上好,这里是安德球

center_image

咱下午没事情做的时候觉得小说区的那个“收藏”按钮怎么看都不太对,戳下去就会跳出一个小叉叉禁止我点,然后经过一番思索咱觉得可以试试对它下一波黑手。

本文内容在Chrome浏览器下进行,其他浏览器请对应找到类似功能

center_image

如图所示,网页版打开小说时,收藏按钮被禁用

center_image

之后点击右键查看元素“检查”按钮,找到对应的H喵L/CSS页面代码

center_image

操作进行之后看到浏览器右侧弹出如下页面

center_image

蓝标选中的一行就是“收藏”按钮对应的H喵L代码,其中两个元素中明显class分类更让人奇异,于是从这里切入查找对应class的CSS代码,首先将其选中

center_image

之后复制内容,使用热键Ctrl+F打开查询窗口,将内容填入其中

center_image

可以看到找到了4个匹配的class标签,而第一个就是我们要找的CSS源码

center_image

标黄的内容为匹配到的文本内容,这里是class对应的CSS描述,视线直接来到大括号末尾的cursor元素上

center_image

这里用红框狂起cursor属性,cursor代表的意思是鼠标指针在上面时显示的样式,而"not-allowed"也就是禁止点击的意思,在此将其改为平凡的"pointer"

关于cursor属性的更多详细内容参考网站:https://css-tricks.com/almanac/properties/c/cursor/

center_image

修改之后的页面效果和期望一样,收藏按钮也显示为了可以正常点击的状态

center_image

嗯?点下去之后没有任何反应?当然是这样啦,因为没有对点击做出反应的“事件”,只是改变了指针在上面时候的样式而已。

不过反正各位也不会点击收藏键的辣,所以看起来一样就代表没有任何问题啦,本文结束

center_image

彩蛋:因为随意修改了网站样式,所以最终页面变成了这个样子

center_image

出现了点击后才应该出现的东西,页面上面奇怪地出现了空白,评论区头像变成了大图而且是【会,动,的,大,图】,好像某人把GIF传上来做头像了呢


回复

上一页1 页 / 共 1下一页
安德球安德球

嗯,怎么看都不是我会做出来的排版,大概是突然出现在房间里的美工小姐姐代写的吧(*/ω\*)

点赞0


评论


~断了个弦~~断了个弦~

等等,小姐姐,房里?说清楚,要不然挨打

点赞1


评论


雅人韵士雅人韵士

center_image

点赞1


评论


安德球安德球

coder在解决不了问题的时候,自己信仰的神会出现在房间里帮助debug,这明明是很正常的事情啊!

点赞0


评论


开心小猫呜开心小猫呜

你家用的啥电脑呀,我和你不一样

点赞0


评论


开心小猫呜开心小猫呜

可是作者我就是要按收藏键,我要收藏的啊!

点赞0


评论