我想要的按钮是底部的按钮,但我拥有的按钮是顶部.
问题源于HTML中的顶部按钮：
<form class="button_to" method="get" action="/"><input type="submit" value="Ok" /></form>
和HTML中的底部按钮：
<button type="button">Ok</button>
顶部按钮的CSS是：
.signup-success input[type="submit"],.signup-success input[type="submit"]:active,.signup-success input[type="submit"]:focus {
width: 80%;
background: transparent;
color: #00AA66;
border-color: #00AA66;
}
底部按钮的CSS是：
.signup-success button,.signup-success button:active,.signup-success button:focus {
margin-top: 15px;
width: 80%;
background: transparent;
color: #00AA66;
border-color: #00AA66;
}
如果它有助于从rails .erb扩展名生成顶部按钮
<%= button_to "Ok",root_path,:method => :get %>
解决方法
使用border-style：
.signup-success input[type="submit"],.signup-success input[type="submit"]:focus {
width: 80%;
background: transparent;
color: #00AA66;
border-color: #00AA66;
border-style: solid;
}
或组合版本(边框样式,边框宽度和边框颜色合二为一)：
border: 2px solid #00AA66;
