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

Question

The button in the picture is a default button with curved corner. I create a default button and tried to use border-radius to change radius of the corners, but it also changed the button appearance like background colour. enter image description here

Answer 1

You can try something like below Css:

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