如何去掉IE文本框后的那个X css代码

禁用IE文本框清除按钮
本文介绍如何在IE10及以上版本中隐藏文本框自动出现的清除按钮,避免其影响页面布局。通过使用IE特有的CSS伪元素::-ms-clear,可以有效解决此问题。

在IE10以上版本中,页面上的文本框控件在输入文字时候会被自动加上一个X。但是IE这个自作聪明的功能有时候会让我们的页面爆掉,比如当文本框宽度过小,X显示不下时候会顶掉你的文本。

要隐藏这个X可以用IE预留的一个vendor属性:::-ms-clear

/* Remove IE's “clear field” X button */
.field-set input[type=text]::-ms-clear
{
    display: none;
}

现在这个自作聪明的X就木了:

--------------------- 本文来自 daydayupx 的优快云 博客 ,全文地址请点击:https://blog.youkuaiyun.com/daydayupx/article/details/46817379?utm_source=copy 

转载于:https://www.cnblogs.com/lst619247/p/9753169.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值