我在我的 WP 网站上使用 Contact Form 7,但我遇到了提交按钮的奇怪问题。我为按钮使用以下类:
.ctaredbutton
background-color: #EA3939;
border-radius: 40px 40px 40px 40px;
color: #FFFFFF !important;
font-family: Proxima Nova,Helvetica,sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
padding: 22px 30px;
text-transform: uppercase;
margin-left:20px
该按钮在 Firefox 中按预期显示 (http://cl.ly/SQ5Y),但在 Chrome 中似乎有额外的填充 (http://cl.ly/SPcr)。该表格位于“elitegolfusa.org/apply”
有没有人见过这个?我不知道额外的顶部填充是从哪里来的?
最佳答案
完全放弃顶部/底部的填充并使用 line-height
。将 line-height 设置为您想要按钮的任何高度。
.ctaredbutton{
background-color: #EA3939;
border-radius: 40px 40px 40px 40px;
color: #FFFFFF !important;
font-family: Proxima Nova,Helvetica,sans-serif;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
line-height:45px; // I added this
padding: 0 30px; // I changed this
text-transform: uppercase;
margin-left:20px
}
关于css - Chrome 按钮附加填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19917729/