改变按钮的形状

Question

我想更改按钮的形状，但其中的文本也会更改

我试图在其中放一个跨度，但是没有用

R

    
    .btn {
        border-radius: 0px;
        border: none;
        padding: 0.66em 4em;
        color: rgb(68, 114, 241);
        cursor: pointer;
        background-color: #FFF;
        border: 1px solid rgb(45, 110, 206);
        font-size: 1em;
        transform: skewX(-18deg);
    }

Answer 1

.btn {
  border-radius: 0px;
  border: none;
  padding: 0.66em 4em;
  color: rgb(68, 114, 241);
  cursor: pointer;
  background-color: #FFF;
  border: 1px solid rgb(45, 110, 206);
  font-size: 1em;
  transform: skewX(-18deg);
}
.btn span{
  transform: skewX(18deg);
  margin: 0px;
  display: block;
}

<button class="btn"><span>click me</span></button>

使用display:block尝试跨度将起作用。