chrome 查看placeholder样式

chrome 查看placeholder样式

月光魔力鸭

2020-08-25 14:20 阅读 662 喜欢 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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
扩展程序中会有需要请求外部接口获取数据的时候,如果直接在JS中写的话,会跨域,但是谷歌扩展程序支持这种情况,只需要配置一下即可。
上一张中已经完成了比较简易的3D全景浏览,但是...这是写死在xml中的,对于我们实际的项目,这种情况是不可能适应的。所以,来了解下如何动态加载xml已经设置对应的热点。
需求:可能会有在页面加载的时候想执行某个js,例如统计页面的DOM等等。
写到这里,基本上就完成了我之前一篇文章中写的,我要做一个自己的图床的小程序了。在最初我要做图床的时候,发现在谷歌扩展程序上一无所知,所以才开始学习的这个,到这一步,至少能勉强能跑通自己的小程序了。
小程序需要用到用户的手机号码,看了下API 以及相关的demo,基本都是服务端进行解密的,问题是需要的参数并没有用到secret,只需要 session_key / iv /encryptedData 即可,那完全可以在客户端进行处理啊。
昨天客户发现了个小BUG,文章发布使用的ueditor, 上传视频的时候当时好好的,后来怎么就是播放不了?
mysql数据库插入double类型确没有小数点
很久之前学习chrome扩展插件的时候已经做过一个了,好久没咋用,最近又跑了一个存储服务,准备在配合这个服务做个图床,以后就用这个了,之前的服务器到期忘了迁移数据都没了,这次换了服务器,在家里了,估计以后不会再做了吧,这个算是最后一个了,有啥问题就在这个进行优化了。