重力形式捐赠形式选项按钮

Question

我为非营利组织捐款。表单位于https://thecommunityproject.org/donate/。我使用CSS将单选按钮设置为常规按钮的样式，但是我遇到了其他元素在选项按钮旁边移动的问题。我还需要按钮来响应，就像其他网站设计一样。这是我用于单选按钮的自定义CSS：

input[type=radio] {
display:none;
}

input[type=radio] + label {
border: none;
float: left;
position:relative;
margin-left: 0.2em;
background-color: #BCD676;
border-radius: 0px;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
padding: 1em 2.0em;
}

谢谢！

Answer 1

无线电广播中的

float: left;是问题所以删除

然后为此display: inline-block;

添加body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li

然而，电子邮件和获取电子邮件的内容也被内联，所以我建议仅使用inline-block列表项目与捐赠ammount，信用卡和paypal。至于隐私信息，你可以把它设计得更好，所以它不拉伸