Reduce horizontal spacing between the buttons
Posted: 2025-01-22 06:17
I found the code below on one of the forums here, it was exactly what I needed. I failed to bookmark the post but whoever you are that posted it, THANK YOU. My new issue is how can I reduce the horizontal spacing between the buttons? Please see the attached screen capture.
Thanks,
TD
Thanks,
TD
Code: Select all
input[type=radio] {
display:none;
}
input[type=radio] + label{
display:inline-block;
margin:2px;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc;
border-bottom-color: #b3b3b3;
}
input[type=radio]:checked + label{
background-image: none;
outline: 0;
background-color:#2be52d;
}