css实现div里面一个叉

你可以使用CSS的伪元素属性：after来实现div里面一个叉。你可以设置该 “叉” 的大小和位置，并使用你可以使用CSS的伪元素属性：after来实现div里面一个叉。你可以设置该 “叉” 的大小和位置，你可以使用下面的CSS代码来实现：

div::after {

content: "X"

width: 10px

height: 10px

position: absolute

top: 50%

left: 50%

transform: translate(-50%, -50%)

}

在输入框后面加个

<a id="clearInput" onclick="clearInput()">X</a>

用css调整其位置和文字X的颜色、大小

clearInput()就根据你的需求随便写

<div class="form-group has-error has-feedback">

<label class="control-label" for="inputError2">Input with error</label>

<input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">

<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>

<span id="inputError2Status" class="sr-only">(error)</span>

</div>

---