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

单独使用CSS如何更改点击图片?

古文康
2023-03-14
问题内容

我有一个图像,单击该图像时,我想在其下方显示另一个图像。我正在寻找一个简单的CSS only解决方案。

那可能吗?


问题答案:

您可以使用<a>具有不同样式的标签:

a:link    { }
a:visited { }
a:hover   { }
a:active  { }


 类似资料:
  • 问题内容: 我试图在单击另一个元素时更改一个元素的CSS。我进行了很多搜索,但没有一个能完美地工作。目前,我正在使用下面的代码,但是它不起作用。谁能告诉我我错过了什么? 问题答案: 首先,使用属性添加事件处理程序是实现所需功能的一种非常过时的方法。当您使用jQuery标记问题时,这是一个jQuery实现: 一种更有效的方法是将这些样式放入一个类中,然后将该类添加到onclick上,如下所示:

  • 问题内容: 点击时可以更改背景颜色吗?全部,仅使用CSS和HTML5? 问题答案: 基于我在评论中发布的小提琴,我对它进行了少许修改,以使用Bootstrap按钮CSS。 只需包含Bootstrap的CSS文件,然后使用以下代码即可。 HTML CSS 这将使用相邻的兄弟选择器。 它在这里起作用:(我已经添加了防止选择标签文本的标签,但是标签不是必需的) 浏览器支持 Chrome,Firefox

  • 当我点击图库中的不同图片时,如何让图片和图片下的文本互换? 我想有4个缩略图图像交换到一个放大的图像时,点击,每显示一个不同的描述下的放大的每一个图像。我已经设法使图像交换,但我不知道从哪里开始与文本部分。 我也希望有标题/链接旁边的每一个图像,可以点击改变图像和文本下的图像。 代码在下面和这个JSfiddle链接中:https://jsfidle.net/hzjk077t/ HTML CSS J

  • 我有一个组件如下所示: 目前,我使用的是圆形薄图标。我想更改它,以便每次单击图标时,它都会更改为圆点图标。比如单选按钮。不过,我不太清楚如何做到这一点。 https://snack.expo.io/toTSYc2fD 我希望能够选择多个/取消选择选项。我不想在所有字段上同时应用相同的规则。 注意:onPress功能也可以直接用于图标,而不是TouchableOpacity(尽管不是首选)

  • 如果我在这里很愚蠢,请事先原谅我,但当使用JavaScript在我的网站上单击菜单以在当前类的“社交图标”之上添加一个“活动”类时,我正在尝试将3个字体真棒图标的颜色从白色更改为黑色,以便激活CSS。 我使用名为“切换”的div作为导航栏,目前只有第一个图标在单击时更改为黑色。我尝试过使用querySelectorAll,但不起作用,我还尝试过将社交图标类移动到字体真棒图标类中,但还是没有。我只是

  • 问题内容: 因此,我可以使用创建带有图像的输入按钮 但是,使用CSS无法获得相同的行为。例如,我尝试过 其中“ myButton”在CSS文件中定义为 如果这只是我想做的,则可以使用原始样式,但是我想更改悬停时按钮的外观(使用类)。我知道链接很好,因为我已经能够将它们加载为页面其他部分的背景图像(仅作为检查)。我在网上找到了使用JavaScript进行操作的示例,但我正在寻找CSS解决方案。 我正