Javascript 如何删除IE中为输入元素显示的“x”图标？

我有一个输入字段，我在其中使用剑道日期选择器。该字段不是必需的，用户不能从输入中删除值，但可以从日期选择器中更改，因此，即有“x”图标用户可以从输入中删除值，这就是禁用表单，即使您再次选择值也不能启用

因此，我正在寻找两种解决方案

1-如何从IE中的输入中删除“x”图标？ 2-如何保持Save button enable即使值不存在，因为它不是必填字段

main.html

 <form id="createRcsaFormName" name="createRcsaCycleForm" class="marginLeft10" novalidate
            k-validate-on-blur="false">

    <div class="col-md-5 changeWdh">
        <input type="text" class="form-control" name="opLossFromDate" id="opLossFromDate" kendo-date-picker
            ng-model="rcsaCycleDTO.opLossFromDate" 
            onkeydown="return false;" k-format="'MM/dd/yyyy'" k-max="'{{today}}'"
            ng-disabled="rcsaCycleDTO.cycStatLkupCode !== 'RA_CYC_SETUP'"
            ng-change="validateDate('opLossFromDate','opLossToDate')"/>
    </div>
    <p class="text-danger" ng-show="createRcsaCycleForm.opLossFromDate.$touched && createRcsaCycleForm.opLossFromDate.$error.required">OPLoss Validation Date is Required</p>

       <button class="btn btn-primary" ng-hide="editMode" type="button"  
                    ng-disabled="createRcsaCycleForm.$invalid || rcsaCycleDTO.cycStatLkupCode=='RA_CANCEL'"
                    ng-class="{disableSaveCls:createRcsaCycleForm.$invalid}"
                    ng-click="submit()">Save</button>

---

可能的副本。按钮问题似乎是另一个完全无关的问题。我仍在试图理解为什么它会禁用表单。您认为问题与“x”图标有关吗？如果我理解正确，即使您没有将字段设为必填字段，但如果整个表单$invalid，您将禁用该按钮。因此，这可能就是它被禁用的原因，因为表单的状态出于某种原因是$invalid。所以我想问题是，一个空字段是否符合有效条件这在其他浏览器中适用吗？i、 FireFox、Chrome等。我明白了你的意思，如果必填字段为空，表单将被禁用，其他浏览器不会给用户删除该值的选项，因为“x”图标不存在，所以用户只能从datepicker更改该值。只有当用户在IE中对输入本身执行某些操作时，才会发生这种情况。因此，您无法从带有我上面给您的链接的文本框中删除“x”按钮？