chrome 查看placeholder样式

chrome 查看placeholder样式

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
mysql数据库插入double类型确没有小数点
上一章,我们学习和了解了websocket 是什么以及初始搭建,接下来,我们继续了解,如何进行广播以及对应的私聊呢。
一直有跑着puppeteer在做pdf的生成,可以今天突然发现一个问题:预览与打印生成的PDF不一致,猜测可能是边距导致的,应该是没设置好... 然后当我在本地尝试的时候也发现了这个问题..要么是字符,要么是版本
近期有添加数学公式的需求,找来找去,最后还是选择了最简单的。tinymce+kityformula
前几天同事抱怨说微博太费劲了... 一万多条记录,可能会把他累死,我心想.. 重复工作不都可以用程序代替么..
最近一段时间想着做个资源网站,奈何没数据,准备从几个相关的站点上抓一些数据,数据量每个站点都在几千万左右,这里简单总结下最近一段时间在做的测试。
最近感觉docker挺好用的,由于测试服务器经常重装,这里先记录下compose文件,后边重装直接复制就行啦。
整理一些相关的信息,防止后续再找不到。