锚点伪类改善点击时按钮状态交互细节(使用:active实现)
来源:互联网 发布:软件测试技术考题 编辑:程序博客网 时间:2024/06/07 18:46
温习了一遍锚点伪类,五个状态,老规则 love and hate 再加一个focus。详细点就是:link, visited, focus, active, hover,前两个为静态伪类只有超链接才会有,后两个为动态伪类,可以应用于任何元素(后三个的顺序也不能变)。
由此想到平时做的项目,按钮、链接元素都是习惯加个默认的样式,再加个hover样式。可是在移动端这个样式却没有那么明显,当用户点击时给的反馈要么是浏览器的默认高亮样式,要么就是什么也没有,虽然是细节,可以体验差劲。怎么改变?之前惯性思维直接上脚本,简单粗暴。换个思路:把伪类中:active应用到这个交互环节,岂不是很优雅。
大家可能早已将这个方法用的很烂了,可自己却是在今天才顿悟,记到这里留着以后查阅。
0 0
- 锚点伪类改善点击时按钮状态交互细节(使用:active实现)
- 使用font-awesome实现点击按钮后进入等待状态
- 按钮实现刚点击就切换状态(即UIControlEventTouchDown)
- jQuery动态添加.active属性实现按钮点击样式
- 按钮点击状态
- 一些列小感悟(一)--点击某个按钮交替触发两种状态的实现
- 使用CSS实现按钮点击波纹效果
- 不使用JS,使用CSS3 target 以及 动画效果实现,点击一下弹出,并且保持弹出状态,然后再点击一下弹回的导航栏(或者可以叫做按钮)
- button按钮的点击状态
- iOS 按钮点击状态保存
- android selector 背景选择器的使用, button (未点击,点击,选中保持状态)效果实现
- storyboard中创建按钮点击时去掉高亮状态
- Android 实现点击时按钮颜色改变
- 实现按钮点击变色
- 怎么给复选框选中状态时按钮为可点击状态,或复选框为选中状态时按钮为不可点击状态
- iOS中UIWebView使用JS交互:实现图片的点击
- 使用:target实现点击按钮切换图片的功能(纯CSS)
- 如何使用SendMessage函数实现模拟鼠标点击按钮事件?
- hdu 1754 线段树
- JMeter压力测试入门教程
- 使用try-with-resource改进代码异常处理机制
- DB2 清空数据表
- Android总结篇
- 锚点伪类改善点击时按钮状态交互细节(使用:active实现)
- BZOJ 4569: [Scoi2016]萌萌哒
- Jpeglib使用指南, 各种压缩包的压缩和解压方法, 开源社区分裂史
- swift资源库—3—字典/集合/数组
- Getptd(转)
- 工具类开篇
- Extjs中grid 的ColumnModel 属性配置
- 内部类(上)
- 时间与系统限制