使用CSS使按钮收缩

我有一个按钮，我想给被按下的外观，除了视觉方面，我想缩小1倍的按钮，所有的方式，并保持其位置

我已经尝试过很多次了，但似乎无法理解

---

有人帮忙吗？

我在这里做了一个按钮，它可以提供按下的效果，而且会收缩一个像素而不移动

HTML:

---

​

在这里，我制作了一个按钮，它提供了按下的效果，并且在不移动的情况下缩小了一个像素

HTML:

​

我认为对于“按下”效果，您可能需要更改填充而不是大小

像这样：

.MyButton{
利润率：10px 10px；
线高：14px；
字体大小：14px；
文本对齐：居中；
填充物：3px 5px；
}
.MyButton:活动{
填充：3px4px3px6px；
}

这里有一个。我认为更改填充看起来比调整按钮大小要好，更不用说如果调整按钮大小，也可能会更改按钮周围元素的位置，这在页面上看起来会很奇怪。

我认为对于“按下”效果，您可能希望更改填充而不是大小

像这样：

.MyButton{
利润率：10px 10px；
线高：14px；
字体大小：14px；
文本对齐：居中；
填充物：3px 5px；
}
.MyButton:活动{
填充：3px4px3px6px；
}

---

这里有一个。我认为更改填充看起来比调整按钮大小要好，更不用说如果调整按钮大小，也可能会更改按钮周围元素的位置，这在页面上看起来会很奇怪。

你能在JSFIDLE上共享你的代码吗？是的，也请共享你的代码，当你说四周缩小一个像素时，我认为你的意思是当按下时，或者它现在太大了？这就足够缩小字体大小、边框和填充，尽管还有一些CSS3转换属性可用。如果你想减少1px的空间，这样它就可以嵌入到其他东西旁边，在不改变元素外观的情况下，尝试

margin:-1px

你能在JSFIDLE上共享你的代码吗？是的，请共享你的代码，还有，当你说四周缩小一个像素时，我认为你的意思是当按下时，或者它现在太大了？这足以缩小字体大小、边框和填充，虽然也有一些CSS3转换属性可用。如果您想让它占用1px的空间，以便它可以内联到其他元素旁边，而不以任何方式更改元素的外观，请尝试

margin:-1px
<input type="button" class="demo" value="Press Me" />​