现在的位置: 网页制作教程网站制作经验 >正文
CSS

如何去掉输入框input后面的叉号

发表于2016/10/30 网站制作经验 0条评论 ⁄ 热度 9,774℃
导语:在IE10和谷歌浏览器中,输入框input中一旦输入内容,后面就会出现叉号。但有的场景并需要这种效果,那我们就需要通过代码来去除这个叉号

去掉input输入框后面叉号的代码

input输入框

--清除谷歌浏览器下的 search 叉号
input::-webkit-search-cancel-button{
  display: none;
}
--清除IE下的 search 叉号
input[type=search]::-ms-clear{
  display: none;
}

当然如果想清除所有的input的话 ,只需把[type=search]去掉即可。

推荐阅读:input输入框只允许中文汉字、数字、整数等方法

  • 暂无评论