使用CSS调整悬停突出显示框的大小
使用CSS调整悬停突出显示框的大小
提问于 2021-05-04 02:50:06
当我用CSS点击时，有没有办法改变鼠标悬停突出显示框的大小？这是我的导航栏。
如果可能的话，我想改变活动高亮显示框的大小。
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="#new">New Order</a></li>
<li><a href="#search">Search Order</a></li>
</ul>
</body>回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-04 03:36:20
将这行代码添加到css中，以便在单击时更改锚元素的大小。
li a:focus {
transform: scale(1.08);
}如果您试图在悬停时更改大小，它将是：
li a:hover {
transform: scale(1.08);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67378171
复制相关文章
![[Office] 段落间距调整](https://ask.qcloudimg.com/http-save/yehe-4998871/ddr1nazeh3.png)
相似问题
我如何使用Vuetify间距助手？
Vuetify图标大小
更改vuetify的字体大小
关于更改游乐场纹理的大小
itemselector -列的间距大小
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
