Как удалить «X» из типа ввода = «текст/поиск»

Согласен, есть много ответов на этот вопрос.Как удалить «X» из типа ввода = «текст/поиск»

, такие как:

так далее, но попробовали все те, но все-таки я не смог удалить "X" из поле ввода.

Я только что создал простой входной контроль:

<input type="text" id="RemoveX" />

вот мой CSS:

input[type=text]::-ms-clear { display: none; width : 0; height: 0; } 
input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } 
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; } 

#RemoveX::-ms-clear { display: none; width : 0; height: 0; } 
#RemoveX::-ms-reveal { display: none; width : 0; height: 0; } 
#RemoveX::-webkit-search-decoration, 
#RemoveX::-webkit-search-cancel-button, 
#RemoveX::-webkit-search-results-button, 
#RemoveX::-webkit-search-results-decoration { display: none; }

Я использую IE 11 и проверил с режимом совместимости все нормально, я не тестирую в каких-либо браузерах (так как мне это не нужно) я просто хочу удалить X из поля ввода в браузерах IE 10+.

любая помощь будет оценена по достоинству.

источник

2016-09-16 Manjuboyz

(не проверял, но он должен работать)

$('#yourInput').bind('input', function() { 
    var current = $('#yourInput').val(); 
    var newData = current.replace("X",""); 
    $('#yourInput').val(newData); 
});

ПРОВЕРЕНО ТЕПЕРЬ:

<!doctype html> 
 
<html> 
 
\t <head> 
 
\t \t <meta charset="utf-8"> 
 
\t \t <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
 
\t \t <title>asd</title> 
 
\t </head> 
 
\t <script type="text/javascript"> 
 
\t $(document).ready(function(){ 
 
\t \t $('#myInput').bind('input',function() { 
 
\t \t \t var current = $('#myInput').val(); 
 
\t \t \t var newData = current.replace("X",""); 
 
\t \t \t newData = newData.replace("x",""); // small x if you want 
 
\t \t \t $('#myInput').val(newData); 
 
\t \t }); 
 
\t }); 
 
\t </script> 
 
\t <body> 
 
\t \t <input type="text" id="myInput" /> 
 
\t </body> 
 
</html>

источник

2016-09-16 07:26:11

Как удалить «X» из типа ввода = «текст/поиск»

ответ

Смежные вопросы