html - 从 CSS 的 Angular 来看,当您单击、按住一秒钟然后拖走时,输入按钮处于什么状态?

标签 html css

Unknown CSS button state

上面你有一个按钮有3种状态,normal,hover,那么第三种状态叫什么?需要在我的 CSS 中添加什么来设置样式?

右键单击后按钮似乎也处于此状态。

可能真的很简单,我知道,但我想不通。

最佳答案

你要找的状态是focus状态

你出示的GIF里面其实有4种状态

  1. 正常(淡粉色)
  2. 悬停(深粉色,鼠标悬停)
  3. 主动(当你仍然坚持但拖走时)
  4. 焦点(不再是粉红色但仍然聚焦在蓝色矩形上)

无法完全复制您的 gif,但这里有一个 JSFIDDLE演示这 4 个状态。

关于html - 从 CSS 的 Angular 来看,当您单击、按住一秒钟然后拖走时,输入按钮处于什么状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29635973/

相关文章:

html - 旋转父 div 时固定文本

css - 无序列表项和锚定边界溢出父容器

javascript - 对齐图像幻灯片按钮 HTML5

javascript - angular 4减少html内容

javascript - 当特定的 div 击中它时,或者当它距离顶部 100px 时,如何让我的固定标题滚动

html - 在 Bootstrap 中重新排序行

jquery - 悬停在链接列表上的效果

javascript - 无法使用 toDataURL() 转换带有图表和图像的 Canvas

javascript - 悬停在子元素上时是否可以删除部分 CSS 悬停覆盖?

javascript - 如何在基于触摸屏的应用程序上实现划痕功能