右侧带有箭头的 CSS3 按钮(中心)

Question

我想创建一个类似于下图的按钮:

我可以通过使用下面的 css 来实现这一点，但我不能使用纯 css 来实现。这是我第一次使用 css。

我想使用 css3 和 bootstrap 来制作它，以便移动设备友好。

#main .btn-orange {
    background-color: #a14d0f;
    background-image: url("/media/img/btn-orange-icon.jpg");
    background-repeat: no-repeat;
    background-position: 143px 2px;
    color: white;
    padding: 14px 40px;
    margin-left: 64%;
    width: 11%;
    cursor: pointer; }

有人吗？

Answer 1

如果需要，您可以用 ASCII 符号替换图标

content:" \27a4 ";