Issue with clear input field icons in IE10

Question

Hi,
In IE10, every input field displays a clear icon (an "x").
I need to remove these icons through CSS (if you delete the date field, an error is displayed).
Following MS solutions are not working in ADF:
input::-ms-clear { display: none; }
or
::-ms-clear { display: none; }
or
input::-ms-clear { visibility: hidden; }
or
input::-ms-clear { width=0; height=0 }
Thanks, kind regards,
V
jDeveloper version: 11.1.1.6.0

Answer 1

It seems that a CSS solution should be removing height and line-height for the field and create a padding height:
css - How to remove clear button ( 'X' button ) from IE10 textboxes in compatibility mode? - Stack Overf…
Fir me it works (chaging accordingly the padding):
.ie10f{
  height: 0px !important;
  line-height: 0px !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;