我怎样才能创建一个像图片中的按钮

Question

图片中的按钮是一个带有弧形角的默认按钮。 我创建了一个默认按钮并尝试使用border-radius来更改角落的半径，但它也改变了按钮外观，如背景颜色。 在此处输入图像描述

Answer 1

您可以尝试如下 Css ：

button.myButton{
    padding: 8px 17px;
    background: transparent;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #808080;
    color: black;
    font-size: 19px;
}