文章关键字 ‘button’

时代变了,该使用原生popover属性模拟下拉了

2024年01月11日,星期四

封面图

Firefox也正式支持popover属性了,大人,时代变了,所有的下拉效果要换种实现方式啦。

阅读全文…

细说iOS Safari下focus的行为

2020年10月26日,星期一

封面图占位图

iOS Safari浏览器下的focus行为和其他浏览器都一些明显不一致的地方,有时候会给开发带来困扰,这里就说说相关的细节知识,均源自于自己日常开发,希望可以给遇到类似问题的前端同行带来帮助。

阅读全文…

CSS inherit是继承,那initial和unset呢?

2020年01月2日,星期四

CSS3个全局属性值inherit表示继承, initial表示初始值,unset表示不确定值(能继承就继承,不能就初始值)。本文主要介绍initialunset两个CSS全局关键字。

阅读全文…

CSS :focus-visible伪类让我感动哭了

2019年03月24日,星期日

focus-visible缩略图

:focus-visible可以让我们知道元素的聚焦行为到底是鼠标触发还是键盘触发,从而可以更有效地控制浏览器中因为focus行为触发的outline轮廓样式,解决了我一个困扰我多年的难题。

阅读全文…

HTML5按钮元素新属性formaction,formenctype等简介

2017年08月6日,星期日

HTML5表单提交按钮新增加了formaction, formenctype等属性,这些属性是什么意思?有什么作用?本文就将通过一个个的案例带领大家去认识这些属性(共6个),以及在实际开发中的一些应用,希望能够对诸位的日常开发有所帮助。

阅读全文…

letter-spacing+first-letter实现按钮文字隐藏

2013年07月30日,星期二

图片式按钮的文字隐藏看来是大家都比较关注的一个问题(分享讨论、微博转发等可见一斑),text-indent负值为最常用方法,然问题有三……

上周分享,有同行提到另外一个隐藏之法,简称为:font: 0/0 a法,然而也有不足……

我午饭后打瞌睡的时候想到了一个方法,一句话概括就是letter-spacing负值+first-letter伪元素负值实现……

阅读全文…

CSS渐变图片背景下高度亦自适应按钮

2010年06月21日,星期一


本文将介绍一种效果精湛,兼容性强,扩展性强,易上手易理解的按钮实现方案,此按钮与以往介绍的按钮一样,也是高宽自适应,可与图片混排,受控于text-align属性。但是这里的代码更加精简易懂,更符合主流与开发者的习惯。
本文提供必要的截图,提供Demo页面,以及代码展示,并对代码做了一定的讲解,希望能对您的学习有所帮助。

阅读全文…