前端开发

CSS伪类:placeholder-shown实践

2019-12-071430次阅读css模块
CSS伪类:placeholder-shown在或元素显 placeholder text时生效。例如:通过:not(:placeholder-shown)来实现当用户输入搜索按钮高亮等
前端开发

移动端点击元素产生背景或边框怎么去掉

2019-11-062206次阅读css模块
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; //-webkit-user-modify有个副作用,就是输入法不再能够输入多个字符
前端开发

移动端select下拉选择设置问题

2019-11-062952次阅读css模块IOS
移动端select下拉选择设置direction: rtl;右对齐实现,select::-ms-expand { display:none; }禁用select默认箭头
前端开发

CSS元素重叠并交织在一起的视觉效果

2019-11-062287次阅读csscss模块
在本文中,我们将使用CSS创建两个元素重叠并交织在一起的视觉效果。
前端开发

移动端下select折腾一二

2019-10-242218次阅读IOScss模块html5
appearance: none、HTML标签的label属性、label标签结合select标签使用。
前端开发

移动端按钮点击效果伪类:active实现

2019-10-244629次阅读css模块IOS
HTML元素:active伪类常用于设定点击或其被激活状态下的样式。但在ios中,需要在相关的元素或者body上绑定ontouchstart事件才能使元素的:active生效。
前端开发

Firefox、Chrome浏览器滚动条样式设置

2019-10-213876次阅读css模块
Firefox支持无前缀的CSS属性scrollbar-color和scrollbar-width。基于WebKit / Blink的浏览器支持用于定制的非标准伪元素。
前端开发

CSS之::backdrop伪元素

2019-10-162659次阅读css模块
::backdrop伪元素就是控制需要视觉聚焦的元素后面的背景元素样式的。
前端开发

CSS自定义属性继承与默认值使用

2019-10-151660次阅读css模块
当我们为一个元素分配动画时,我们可以自定义它的一些属性,比如duration持续时间、delay延迟等等。假设我们有两个类:walk和run。两者共用相同的动画(命名为breath),run执行该动画的速度比walk快(分别为0.5s到2s)。
前端开发

background-clip背景裁剪实现嵌套渐变背景

2019-09-061600次阅读css模块
背景嵌套有很多方法可以实现这种效果,比如使用border边框、outline和box-shadow或它们的任意组合实现。但嵌套的渐变背景估计很难实现,你妨试试background-clip背景裁剪