Css 如何修复影响整行按钮的边距

Css 如何修复影响整行按钮的边距,css,Css,我有几排钮扣。 我试着让它,如果我按下一个按钮,它会得到一个5px的边距,所以它看起来像是点击了。 这样做的话,整排的按钮也得到了利润,这是非常恼人的。 我该怎么做 按钮{ 字体大小:65px; 字号:800; 文本阴影:2PX2PX10PX黑色; 宽度:80px; 高度:80px; 边界半径:20px; 利润上限:7.5px; 保证金底部:7.5px; 左边距:7.5px; 右边距:7.5px; 背景色:rgb(36,36,36); 颜色:白色; 边界:0; 光标:指针; 盒影:0px 5p

我有几排钮扣。 我试着让它,如果我按下一个按钮,它会得到一个5px的边距,所以它看起来像是点击了。 这样做的话,整排的按钮也得到了利润,这是非常恼人的。 我该怎么做

按钮{
字体大小:65px;
字号:800;
文本阴影:2PX2PX10PX黑色;
宽度:80px;
高度:80px;
边界半径:20px;
利润上限:7.5px;
保证金底部:7.5px;
左边距:7.5px;
右边距:7.5px;
背景色:rgb(36,36,36);
颜色:白色;
边界:0;
光标:指针;
盒影:0px 5px黑色;
}
按钮:激活{
利润上限:12.5px;
盒影:0px 0px;
}
7
8.

9
确保您确实正确使用了选择器,我举了一个例子,没有发现问题

在任何情况下,如果要添加(并保留)该边距,应使用
:active
:focus
,如下所示:

.btn:active, .btn:focus{
       margin:5px;
    }

如果没有,则只能使用
:active
,如下所示:

.btn:active{
  margin:5px;
 }

请确保您确实正确使用了选择器,我举了一个例子,没有发现问题

在任何情况下,如果要添加(并保留)该边距,应使用
:active
:focus
,如下所示:

.btn:active, .btn:focus{
       margin:5px;
    }

如果没有,则只能使用
:active
,如下所示:

.btn:active{
  margin:5px;
 }

为按钮提供垂直对齐属性top,而不是默认的基线:

按钮{
字体大小:65px;
字号:800;
文本阴影:2PX2PX10PX黑色;
宽度:80px;
高度:80px;
边界半径:20px;
利润上限:7.5px;
保证金底部:7.5px;
左边距:7.5px;
右边距:7.5px;
背景色:rgb(36,36,36);
颜色:白色;
边界:0;
光标:指针;
盒影:0px 5px黑色;
垂直对齐:顶部;
}
按钮:激活{
利润上限:12.5px;
盒影:0px 0px;
}
7
8.

9
为按钮提供垂直对齐属性top,而不是默认的基线:

按钮{
字体大小:65px;
字号:800;
文本阴影:2PX2PX10PX黑色;
宽度:80px;
高度:80px;
边界半径:20px;
利润上限:7.5px;
保证金底部:7.5px;
左边距:7.5px;
右边距:7.5px;
背景色:rgb(36,36,36);
颜色:白色;
边界:0;
光标:指针;
盒影:0px 5px黑色;
垂直对齐:顶部;
}
按钮:激活{
利润上限:12.5px;
盒影:0px 0px;
}
7
8.

9
不明白。你故意放了保证金,但你不想要保证金?好吧,去掉边距?或者你想让按钮变得更小,就像按键盘一样?只需降低宽度/高度或使用cssHi进行缩放即可!请提供一个最小的、可重复的示例()。可以在上找到其他帮助提问。为什么不更改按钮的背景颜色以表示单击?我想在正在按下的按钮上加一个边距。当我这样做(使用button:active)时,行中的所有其他按钮也会获得边距。这是我的问题,我不明白。你故意放了保证金,但你不想要保证金?好吧,去掉边距?或者你想让按钮变得更小,就像按键盘一样?只需降低宽度/高度或使用cssHi进行缩放即可!请提供一个最小的、可重复的示例()。可以在上找到其他帮助提问。为什么不更改按钮的背景颜色以表示单击?我想在正在按下的按钮上加一个边距。当我这样做(使用button:active)时,行中的所有其他按钮也会获得边距。这就是我的问题,只是让它停留的时间更长,而不是回到原始状态:(我编辑了帖子并添加了代码,以便更好地解释我的意思,如果你按下一个按钮,你就会看到问题。这只是让它停留的时间更长,而不是回到原始状态:(我编辑了这篇文章并添加了代码,以便更好地解释我的意思,如果你按下一个按钮,你就会看到问题所在。