:placeholder-shown

详解CSS中的:placeholder-shown伪类
JavaScript

详解CSS中的:placeholder-shown伪类

107 0

(学习视频分享:css视频教程)一般我们常见placeholder伪类选择器用来修改默认样式及文案,忽然发现placeholder-shown伪类选择器,比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当输入框的placeholder内容显示的时候,输入框干嘛干嘛。兼容性如下,在移动端没什么问题placeholder-show是如何工作的?:placeholder-sh

CSS中什么是:placeholder-shown?如何工作?有什么用?
JavaScript

CSS中什么是:placeholder-shown?如何工作?有什么用?

14 0

CSS :placeholder-shown伪类是专门用于确定元素是否显示占位符的对象,主要使用它来检查input内容是否为空。 本篇文章带大家了解一下:placeholder-shown伪类,详细介绍一下它是如何工作的。使用此伪类来设置当前显示占位符文本的输入的样式,换句话说,用户未在文本框中键入任何内容根据您的输入是否为空,应用一些动态样式非常好123input:placeholder-shown { border-color: pink;}它是如何工作的?:placeholder-show 是CS