更改按钮的边框样式

Question

在这里，您可以搜索按钮背景为圆形，为link1

但我希望将其设为link2：

background: #ff7704 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 19px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: normal;

Answer 1

查看您的第一个链接，有以下CSS代码：

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    margin-left: 5px;
    min-width: 140px;
    float: none;
    border-radius: 10px;
}

删除border-radius: 10px;或使用border-radius: 0覆盖它，你有一个矩形按钮。

Answer 2

添加你的按钮css （真的是它的工作，）

示例

.btn{
        border-radius:0;
    }

试试这个

border-radius:0;

Answer 3

我的建议是尝试将ID或类添加到该按钮，然后将border-radius:0px添加到该特定按钮，这样您的按钮就会变成方形，也不会影响其他按钮。谢谢

Answer 4

border-radius到0px将使其成为矩形。请找到下面的CSS样式

.button{
 min-height: 40px;
 line-height: 40px;
 font-size: 16px;
 padding: 0px 30px;
 float: left;
 min-width: 160px;
 width: 100%;
 white-space: normal;
 border-radius: 0px;
}