html - 倾斜按钮，取消倾斜文本

Question

我有一个<a>标签中的按钮，我只想倾斜按钮而不是文本

我知道我可以添加<label>Add to cart</label>和取消倾斜它与倾斜的数量相反，但我无法访问 html 但只能访问 css。

<a role="button" id="add_to_cart" class="btn btn-primary" href="#">Add to Cart</a>

我做了CSS

.btn {
transform: skew(10deg);
}

有什么办法可以在不向标记添加任何其他标签的情况下取消倾斜此按钮内的文本？

标签： htmlcsscss-transforms