<分区>
标签 css css-selectors
我正在尝试缩放悬停按钮，但它不起作用。我找不到主要问题。这是代码:
.lead,
.lead:hover {
padding: 17px 50px;
color: #2e7c37;
background-color: #ffdc10;
font-family: "Roboto", Sans-serif;
font-size: 22px;
font-weight: 500;
border:none;
transition: all .3s
}
.lead:hover,
.lead:focus,
.lead:active {
transform: scale(1.2);
}
.site-content a {
color: #2e7d32 !important;
text-decoration:none !important
}
怎么了？为什么它不起作用？
最佳答案
默认 display链接 ( <a> ) 是 inline .要允许调整大小和转换，您需要重置 display到任何其他值。这里inline-block应该没问题。
.lead {display:inline-block;}
此外，要在悬停时使用react，链接需要具有属性 href ，即使是空的。
下次，也分享你的 HTML
关于css - 悬停不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50655489/