chrome 查看placeholder样式

chrome 查看placeholder样式

月光魔力鸭

2020-08-25 14:20 阅读 754 喜欢 1

好久没水了,最近做了个小手术..歇了几个月,算是休养生息吧,后续慢慢更上来。

chrome 如何查看placeholder样式以及其他伪类样式

在编写页面或修改的时候,很多伪类没法查看,比如如何查看悬浮状态下的样式,如何查看placeholder样式

1. 打开F12 devtools

2.选中Element,右上角 :hov

查看伪类样式


1. 有时候devtools 不显示placeholder的样式,主要是设置问题,打开设置,选中"show user agent shadow DOM" .

点击设置按钮

找到“show user agent shadow dom”

查看placeholder

转载请注明出处: https://chrunlee.cn/article/chrome-web-tool-placeholder.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
本来是想做一个图床,然后在chrome扩展中添加上,但是发现chrome的扩展有点毫无头绪,只能从头练习,从头学了。
最近一直琢磨着做一个第三方统一登录的这么一个小东西,虽然网上其实也挺多的.. 不过造轮子的感觉还是很爽的。 QQ /Github 比较简单,申请下就OK 了.. 微信真不是个东西,得花钱。
最近一段时间想着做个资源网站,奈何没数据,准备从几个相关的站点上抓一些数据,数据量每个站点都在几千万左右,这里简单总结下最近一段时间在做的测试。
需求:可能会有在页面加载的时候想执行某个js,例如统计页面的DOM等等。
功能来源于客户需求。客户有需求想把班级内所有学生的错题本生成pdf文档下载下来... 目前没有做这个功能,只有页面,还好chrome浏览器有保存pdf的功能,但是一想到这么多的学生,这么多的学科、以及这么多的参数... 还好有puppeteer
小程序需要用到用户的手机号码,看了下API 以及相关的demo,基本都是服务端进行解密的,问题是需要的参数并没有用到secret,只需要 session_key / iv /encryptedData 即可,那完全可以在客户端进行处理啊。
上一章,我们学习和了解了websocket 是什么以及初始搭建,接下来,我们继续了解,如何进行广播以及对应的私聊呢。
昨天实现一个tabbar的时候发现怎么都无法跳转,直接拿的官方的demo,后来才发现是自定义tabbar的问题。