Html 如何将我的默认选择框下拉图标替换为<；i类=”；图标xyz V形向下旋转“&燃气轮机</i>；

我想将默认下拉箭头删除为新箭头：

我不想将该类的属性添加到新类中，并将该类添加到标签中

我可以知道有可能吗

<label class="col-md-8 col-sm-8 col-xs-12">         
   <select class="template-drop-down custom-alert" ng-class="{'alert alert-danger': !$ctrl.formObject.visitors[$index].selectedPark && !$ctrl.formActionsObject.validateFormDetails}" ng-options="parkArea as parkArea.name for parkArea in $ctrl.formDataObject.parkAreas track by parkArea.code"
       ng-model="$ctrl.formObject.visitors[$index].selectedPark">
           <option value="parkArea.name"></option>
   </select>

   <span class="template-drop-down custom-alert-message" ng-if="!$ctrl.formObject.visitors[$index].selectedParkArea && !$ctrl.formActionsObject.validateFormDetails">
       <ng-message data-when="required" data-i18n-key="errors.selectedPark.required"></ng-message>
   </span>
</label>

---

您可以隐藏默认的选择箭头，并将自己的图标添加到选择框的右侧

抄袭自：

你可以看看是怎么做的

就你而言。您可以使用base64、svg或after或before伪选择器设置图标

使用font Aweasome，您可以执行类似的操作

select::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

然后用maybe调整图标的位置

position: absolute; 
right: 0;

---

是否要在“新建”下拉列表中添加一些新属性（不创建新类）？或者只是有一些值？@selah1936从这个图标中可以看到一个向下箭头，我通常在按钮上使用这个箭头，但我想在我的选择向下箭头图标中使用它，而不是默认的oneHi Gregor，这是一个非常好的主意，我已经实现了这个，它正在工作，但现在的问题是，右边下拉选择框中的图标不可点击，只有图标，我认为，因为它正在覆盖选择框，当然，如果我得到解决方案，我会让你知道，谢谢

position: absolute; 
right: 0;