CSS伪类:placeholder-shown在或元素显 placeholder text时生效。例如:通过:not(:placeholder-shown)来实现当用户输入搜索按钮高亮等
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; //-webkit-user-modify有个副作用,就是输入法不再能够输入多个字符
移动端select下拉选择设置direction: rtl;右对齐实现,select::-ms-expand { display:none; }禁用select默认箭头
在本文中,我们将使用CSS创建两个元素重叠并交织在一起的视觉效果。
appearance: none、HTML标签的label属性、label标签结合select标签使用。
HTML元素:active伪类常用于设定点击或其被激活状态下的样式。但在ios中,需要在相关的元素或者body上绑定ontouchstart事件才能使元素的:active生效。
Firefox支持无前缀的CSS属性scrollbar-color和scrollbar-width。基于WebKit / Blink的浏览器支持用于定制的非标准伪元素。
::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。
当我们为一个元素分配动画时,我们可以自定义它的一些属性,比如duration持续时间、delay延迟等等。假设我们有两个类:walk和run。两者共用相同的动画(命名为breath),run执行该动画的速度比walk快(分别为0.5s到2s)。
背景嵌套有很多方法可以实现这种效果,比如使用border边框、outline和box-shadow或它们的任意组合实现。但嵌套的渐变背景估计很难实现,你妨试试background-clip背景裁剪