chrome 查看placeholder样式

chrome 查看placeholder样式

月光魔力鸭

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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
之前看知乎相中了一个想法,给宝宝做一个站,上传生活的日常照片啊、视频之类的,存储肯定是在自己家里,然后做个穿透这样..开始做的时候又想着是时候接触下这些东西了,虽然公司都一点不用,但是自己没事接触下拓展下也是好的。
一直有跑着puppeteer在做pdf的生成,可以今天突然发现一个问题:预览与打印生成的PDF不一致,猜测可能是边距导致的,应该是没设置好... 然后当我在本地尝试的时候也发现了这个问题..要么是字符,要么是版本
简单记录下碰到的一个问题,通过jenkins 远程部署springboot+ vue 项目碰到的问题。
本篇文章以一个实际的小项目为主题进行从头到尾的讲解实现,该项目总计开发时长约6小时,主要是有很多页面或功能都是现成的,直接复制过来的,剩下的就调整下样式、字段内容等。
之前做了一段时间的上传相关的断点续传和秒传功能,这里整理下大体思路
在程序中,会有需要后台一直运行的场景。这一节我们来做一个监控某网站的运行状态,如果没有运行,则改变当前的图标。
昨天实现一个tabbar的时候发现怎么都无法跳转,直接拿的官方的demo,后来才发现是自定义tabbar的问题。
接下来,我们综合上面的配置,再加一个选项页面配置,做一个天气预报的小栗子。