我正在使用Bootstrap创建按钮,我想在其中一些按钮上添加左或右箭头,但我希望能够只添加一个类而不是创建额外的标记来添加箭头。我目前正在使用::after和::before来创建箭头,但我无法使箭头尖端变圆,也无法添加我的按钮具有的底部边框,以使其看起来一致。这是codepen的代码链接:http://codepen.io/mindgrinder/pen/nIfGy。
margin-left:-20px;
border-radius: 35px 30px 30px 30px;
-webkit-transform:rotate(180deg);
结果
我不确定这是否是理想的,但这是一个尝试:http://codepen.io/anon/pen/JFaxK 我使用了CSS变换来实现这个效果。唯一的问题是:after框没有被放置在按钮后面。需要进行微调!