css - 应用样式输入 :active . className?

标签 css

我有一个提交类型的输入:

 <input type="submit" class="redButton" value="Cancel"/>

但是这种风格,对主动点击不适用。它不适用于输入吗?

input:active .redbutton {
   -webkit-transform: translate(1px, 1px);
   box-shadow: none;
}

最佳答案

你必须这样写:

input.redbutton:active

但您可能想使用“focus”而不是 active。所以它必须是:

input.redbutton:focus

关于css - 应用样式输入 :active . className?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18772381/

相关文章:

javascript - 为 Javascript 切换 css 被禁用

css - IE6 <li> 图片下推到下一行

html - 将固定的 html 代码更改为响应格式

CSS 缩小和 bundle 在 calc 中将 0px 替换为 0,因此内容无法正确呈现

jquery - 在悬停时在传单 map 上添加图像

html - 如何将验证消息 span 包装在 div 中并根据验证渲染容器?

html - 如何使用内联 block 属性将文本放在背景图像下方

css - 悬停时图像闪烁 - css 动画

javascript - 单击添加元素并单击删除相同的元素

CSS3 过渡缩放但不翻译