如何删除＆＃39; x＆＃39;在IE中为输入元素显示的图标？

Question

我有一个输入字段，我在使用kendo datepicker这个字段不是必需的，用户不能从输入中删除值，但可以从datepicker更改，所以IE有＆＃39; x＆＃39; icon用户能够从输入中删除值并禁用表单，即使再次选择值也不启用。

所以我正在寻找两种解决方案。

1-如何删除＆＃39; x＆＃39; IE输入的图标？ 2-如何保持“保存”按钮启用偶数值不存在，因为它不是必需字段？

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>