当前位置: 首页 > 面试题库 >

我可以在CSS中产生onclick效果吗?

甄坚白
2023-03-14
问题内容

我有一个想要在点击时更改的图像元素。

<img id="btnLeft">

这有效:

#btnLeft:hover {
    width:70px;
    height:74px;
}

但是我需要的是:

#btnLeft:onclick {
    width:70px;
    height:74px;
}

但是,这显然不起作用。onclickCSS 根本有可能有行为(即不使用JavaScript)吗?


问题答案:

最接近的是:active

#btnLeft:active {
    width: 70px;
    height: 74px;
}

但是,这仅在按住鼠标按钮时才适用。应用样式 并使之保持 onclick 的唯一方法是使用一些JavaScript。



 类似资料:
  • 我有一个图像元素,我想改变点击。 这项工作: 但我需要的是: 但是,很明显,它不起作用。在CSS中是否有可能有行为(即不使用JavaScript)?

  • 问题内容: 我可以在CSS中用某些东西代替maxlength属性吗? 问题答案: 否。这需要在HTML中完成。如果需要,可以使用Javascript设置值。

  • 问题内容: 我一直在使用babel-node和带有babelify转换的browserify开发站点,以支持ES6语法。 我只是想知道,我是否可以在生产环境中运行它, 而不是 在节点中运行ES6还需要其他哪些选项? 这是我正在运行的用于构建和开始开发的命令 这是我的开发依赖 问题答案: 对于客户端代码 ,您正在做正确的事情。并将其运送给客户。 对于服务器端代码 ,我将使用babel- cli 进行

  • 问题内容: CSS过渡可以用于允许文本段落在页面加载时淡入吗? 我真的很喜欢它的外观,并希望通过CSS使用类似的效果。此域已购买,不再具有上述作用。可以在WaybackMachine上查看已归档的副本。 插图 具有此标记: 使用以下CSS规则: 如何在负载上触发转换? 问题答案: 方法1: 如果您正在寻找一个自我调用的过渡,那么您应该使用CSS 3 Animations。它们也不被支持,但这恰恰是

  • 在这个博客里,他们说。net标准2.0它有一个一致性状态。 在官方网站上,没有说如果。net standard 2.0是预览版或最终版。 但我想,.net标准2.0是最终版本,因为EF Core 2.0最终版已经过时,这使用了.net标准2.0.也许EF Cor可以是最终版,而.net标准1.0仍然是预览版,但我想这会很奇怪。 另外,我知道要使用.net标准,我必须使用VS2017 15.3,这是

  • 问题内容: 我试图阻止浏览器通过JavaScript 使用CSS 的效果。 我在CSS中设置了和样式,因为如果JS不可用,我希望获得悬浮效果。但是,如果 有 可用的JS ,我想用更平滑的效果覆盖CSS悬停效果(例如,使用jQuery color插件)。 我尝试了这个: 我也尝试过使用,但是它不起作用。 如fudgey所述,一种解决方法是使用重置悬浮样式,但我必须覆盖CSS中指定的每个属性。我正在寻