入力タイプ= "テキスト/検索"コントロールから '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を使用していますが、すべてが私はこれをテストしていないです、大丈夫です互換モードで確認していますどのブラウザでも（私はする必要はありません）IE30 +ブラウザの入力フィールドからXを削除したいだけです。

ご協力いただきますようお願い申し上げます。

出典

2016-09-16 Manjuboyz

（テストしたが、それは動作するはずはありません）

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

はNOW TESTED：

<!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'を削除するには

答えて

関連する問題