我注意到按钮和其他元素有一个默认的样式,行为分为3个步骤:普通视图、悬停/焦点视图和鼠标按下/单击视图,在CSS中,我可以这样更改普通视图和悬停视图的样式:

button{
  background:#333;
  color:#FFF;
}

button:hover{
  background:#000;
  color:#EEE;
}

但是我怎样才能 Select 鼠标镇呢?我想要这样的东西:

button:mousedown{
  //some styling
}

谢谢

推荐答案

我想你指的是活跃的状态

 button:active{
  //some styling
 }

以下是CSS中链接可能具有的所有伪状态:

a:link {color:#FF0000;}    /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;}   /* mouse over link */
a:focus {color:#0000FF;}   /* link has focus */
a:active {color:#0000FF;}  /* selected link */
a:visited {color:#00FF00;} /* visited link */

另请参阅:http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act

Html相关问答推荐

有没有可能一个按钮,有焦点,然后再次点击它清除它的焦点,只是使用css?

CSS/添加margin—top到嵌入式facebook帖子

HTML5章节或文章

如何通过扭曲元素来倾斜元素?

标签数据的XPath?

为什么在添加文本时网格区域会调整大小?

粘滞的导航栏延伸到超过页边距的右侧

在窄屏幕上显示表格,每个单元格占一行

在一行中对齐文本和图标

我的Django应用程序中出现模板语法错误

将精选选项的价格合并为一个价格HTML、PHP和JQuery

柔性盒内的物品;t覆盖整个宽度,即使设置为100%

rvest: Select 不包含链接的段落(<;p>;)

Web 组件 #shadow-root css 泄漏到文档

如何配置 prettier 使其以 Vue.js 模板语法的特定方式运行?

为什么
标签在 Edge 和 Firefox 中的编号会有两种不同的结果?

如何将图像移动到父容器的右侧?

如何在 svelte 中对静态 html 文件使用href=

font awesome 的 CDN/CSS 如何工作?

如何在react 中向按钮添加禁用属性?