html带有箭头的输入框,里面有箭头的html框

在这里,我为你做了小提琴：

.box{

border:solid 1px black;

position:relative;

display:block;

height:100px;

width:100px;

margin-left:5px;

}

.box:before{

content:"";

display:inline-block;

position:absolute;

border:10px solid black;

border-color:transparent transparent transparent black;

top:40px;

}

.box:after{

content:"";

display:inline-block;

position:absolute;

border:9px solid white;

border-color:transparent transparent transparent white;

top:41px;

left:-1px;

}

正如其他人所说：之后和：之前使用过

-edited：如果你想要在旧浏览器中完全兼容,不要使用转换.我的例子甚至可以在IE8中工作(不确定7)