search

LinkXSystem / learn-guide

有趣的学习笔记 (*^_^*)
https://linkxsystem.github.io/
3 stars 1 forks source link

CSS 小技巧 (｡･∀･)ﾉﾞ #8

Open LinkXSystem opened 4 years ago

LinkXSystem commented 4 years ago

选择前端，便是选择 CSS

LinkXSystem commented 4 years ago

backdrop 伪元素是啥

backdrop 伪元素主要用于设置元素全屏背景情况下，背景样式。

示例代码如下:

video::backdrop {
  background: #f5f5f5;
}
LinkXSystem commented 4 years ago

:placeholder-shown 伪类

:placeholder-shown 伪类用于设置 input 元素在使用 placeholder 情况下的样式，注意只有对应以下代码的情况才有效：

<style>
  input:placeholder-shown {
    border: 1px solid #f5f5f5;
  }
</style>

<input placeholder="using placeholder" />