如何使用border-style制作右箭头

Question

小提琴：https://jsfiddle.net/h89xmbn5/1/

HTML：

<form class="form-wrapper cf">
    <span>First Name</span>
    <input type="text" required>
</form>

如何使箭头指向右侧，而不是留下跨度。

Answer 1

只需：

.form-wrapper span:after {
    border-width: 8px 0 8px 8px;
    border-style: solid none solid solid;
}

相反：

.form-wrapper span:after {
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
}

DEMO