用户:安德球查看:0 回复:6 评论:0 创建时间:2019-01-29T15:25:22
各位早上好,这里是安德球
咱下午没事情做的时候觉得小说区的那个“收藏”按钮怎么看都不太对,戳下去就会跳出一个小叉叉禁止我点,然后经过一番思索咱觉得可以试试对它下一波黑手。
本文内容在Chrome浏览器下进行,其他浏览器请对应找到类似功能
如图所示,网页版打开小说时,收藏按钮被禁用
之后点击右键查看元素“检查”按钮,找到对应的H喵L/CSS页面代码
操作进行之后看到浏览器右侧弹出如下页面
蓝标选中的一行就是“收藏”按钮对应的H喵L代码,其中两个元素中明显class分类更让人奇异,于是从这里切入查找对应class的CSS代码,首先将其选中
之后复制内容,使用热键Ctrl+F打开查询窗口,将内容填入其中
可以看到找到了4个匹配的class标签,而第一个就是我们要找的CSS源码
标黄的内容为匹配到的文本内容,这里是class对应的CSS描述,视线直接来到大括号末尾的cursor元素上
这里用红框狂起cursor属性,cursor代表的意思是鼠标指针在上面时显示的样式,而"not-allowed"也就是禁止点击的意思,在此将其改为平凡的"pointer"
关于cursor属性的更多详细内容参考网站:https://css-tricks.com/almanac/properties/c/cursor/
修改之后的页面效果和期望一样,收藏按钮也显示为了可以正常点击的状态
嗯?点下去之后没有任何反应?当然是这样啦,因为没有对点击做出反应的“事件”,只是改变了指针在上面时候的样式而已。
不过反正各位也不会点击收藏键的辣,所以看起来一样就代表没有任何问题啦,本文结束
彩蛋:因为随意修改了网站样式,所以最终页面变成了这个样子
出现了点击后才应该出现的东西,页面上面奇怪地出现了空白,评论区头像变成了大图而且是【会,动,的,大,图】,好像某人把GIF传上来做头像了呢