从CSS的角度来看,当您单击时按住一个输入按钮是什么状态,按住一秒然后拖动？

Question

上面你有一个处于3种状态的按钮,正常,悬停,然后是第三个状态叫什么？什么需要放入我的CSS来设计这个样式？

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

可能真的很简单,我知道,但我无法弄清楚.

Answer 1

您正在寻找的focus州是州

您呈现的GIF实际上有4个州

1. 正常(浅粉色)
2. 悬停(深粉色,鼠标悬停)
3. 活跃(当你仍然坚持,但拖走)
4. 聚焦(不再是粉红色,但仍然聚焦蓝色矩形)

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