美文网首页
更改placeholder的字体样式

更改placeholder的字体样式

作者: Light_shallow | 来源:发表于2018-10-10 14:07 被阅读0次

修改input框中placeholder的字体相关样式

<style>

        ::-webkit-input-placeholder {  color:    red;}

        :-moz-placeholder {  color:    red;  }

        ::-moz-placeholder {  color:    red;  }

        :-ms-input-placeholder {  color:    red;}

    </style>

<input type="text" placeholder="123123文字213">

单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。

css1和css2中,伪类和伪元素区别不明显,语法也一样,以:开头,容易让别人把伪元素就认为是伪类,:before,:after,到了css3的出现,两者就有了明显区别

伪类:前者包含那些匹配指定状态的元素,比如:visited,:active;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:first-of-type,:target。

伪元素:比如::before表示选择元素内容的之前内容,也就是"";::selection表示选择元素被选中的内容。

css3中,伪类和伪元素在语法上有区别,伪元素以::开头。

但浏览器对:开关的伪元素也继续支持,注意规范性则以::开头。

伪类 伪类

p:first-child表示选择的元素既要是p标签,同时要是其父元素的第一个子元素,不要错误认为是表示p元素的第一个子元素;同理,p:first-of-type表示选择的元素要是p标签,同时要是其父元素的第一个p标签元素;其他类似的伪类含义相似。

伪元素

对于伪类,伪元素还有一个网址讲得不错,附上详情地址:

https://www.w3cschool.cn/css_series/css_series-pwkt24q2.html

相关文章

网友评论

      本文标题:更改placeholder的字体样式

      本文链接:https://www.haomeiwen.com/subject/spwygftx.html