Bootstrap datatable search filter, clear icon issue

TableR

datatables.min.css
datatables.min.js 2.1.4 jquery, 3.3.5 bootstrap, 1.10.8 datatables

Clear icon does not appear on search filter input for chrome, firefox, but
it appears in IE10 and later. Can be easily reproduced in bootstrap sample (https://www.datatables.net/manual/styling/bootstrap ).
Is there a simple workaround to hide icons for all browsers or to make them visible for all browsers?
Can you please help to find out the classes which are used to configure the icon?

Thank you!

TableR

This is html5 issue:

/* Disable browser close icon for IE /
input[type="search"]::-ms-clear { display: none; width : 0; height: 0; }
input[type="search"]::-ms-reveal { display: none; width : 0; height: 0; }
/ Disable browser close icon for Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }