CSS 如何清除输入框(input)在IE浏览器中自带的清除按钮

html-css020

CSS 如何清除输入框(input)在IE浏览器中自带的清除按钮,第1张

最近在项目中遇到了一个浏览器自带样式的问题,在IE浏览器中,Input输入框会自带清除按钮,会与项目中写好的清除按钮发生冲突。

给Input添加以下样式:

<!DOCTYPE html>

<html>

<head>

<meta charset="GB2312">

<title></title>

<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>

</head>

<body>

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

<span id="ccc" style="display: none">X</span>

<script type="text/javascript">

var text = $('#text')

var ccc = $('#ccc')

text.focus(function(){

ccc.show()//文本框获得据点显示X

})

ccc.click(function(){

text.val('')//清空

ccc.hide()//隐藏x

})

</script>

</body>

</html>