input去掉叉ie8

2024-10-22

IE8 input X 去掉文本框的叉叉和密码输入框的眼睛图标

从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容. 大多数情况下,为了和其他浏览器呈现相同的效果,需要将input文本输入框右方的X给去掉,将密码输入框右边的小眼睛也给去掉. 只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮. <

去掉IE下input的叉号

IE10下的Input Text和谷歌下面的 input search 一旦输入内容,会在最右端出现一个叉号,点击后,内容就会自动清空,看似方便,其实有些场景并不需要,需要写代码清除掉. 代码如下: input::-webkit-search-cancel-button{display: none;} --清除谷歌浏览器下的 search 叉号input[type=search]::-ms-clear{display: none;} --清除IE下的 search 叉号当然如果想清除所有的

IE input 去掉文本框的叉叉和密码输入框的眼睛图标

::-ms-clear, ::-ms-reveal{display: none;}

input 去掉点击后出现的边框

添加属性 :focus{outline:none} 就可以去掉默认点击时,边框会出现的蓝色边框. :focus 选择器用于选取获得焦点的元素.提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器. 不想点击时每次都要设置的话,最好在默认样式中就设置: input,textarea,select,a:focus { outline: none; } 用 :focus 实现外部边框改变颜色: input:focus { outline:1px solid #7c448f; } 用 :

清除IE下input的叉叉

很多时候,我们在开发过程中,设计师会在输入框后加上定制的清除图标,但是在IE下有IE自带的清除图标,肯定是不美观的. <style> ::-ms-clear, ::-ms-reveal{display: none;} </style> <input type="text" /> <input type="password" /> 这一块css3属性只对IE10及以上有效,那么在IE9以下,我暂时找不到更好的办法,想了一

css总结4：input 去掉外边框,placeholder的字体颜色、字号

1 input 标签去除外边框: 在进行webAPP开发时,input外边框非常影响美观,去除外边框方法如下: <input style="border: 0px;outline:none;cursor: pointer;" type="text" placeholder="请输入手机号"> 解释: “border: 0px:” 去除 placeholder 外的边框 “outline:none;” “去除点击input框时显示的边框

input框在浏览器上显示一个叉，去掉方法

/* 清除IE10及以上版本input的叉叉(X)和密码输入框的眼睛图标 */ input::-ms-clear { display: none; } input::-ms-reveal { display: none; } /*清除谷歌浏览器下的 search 叉号 */ input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } /*清除IE下的 search 叉号 */ input[type=

IE8的input兼容性问题

在chrome.firefox.IE9+都是支持input事件在IE8中,单纯的input事件无法监听输入框中变化,需要与propertychange共用测试代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="jquery-1.11.3.js"></script> <title></

input光标错位

文档结构 <div class="noteWrap"> <input type="text" placeholder="写留言" /> <img src="images/camera.png" /> </div> 设置样式: .noteWrap{ height: 50px; } input{ line-height: 50px; } 在ios上出现输入文字前光标占满输入框,输入文

PC端一些非经典兼容性问题小札

IE10默认在input框中输入内容后会显示一个‘X’按钮,方便删除输入的所有内容. 在password输入框显示一个眼睛的按钮,去掉叉叉和眼睛的方法如下: ::-ms-clear { display: none; } ::-ms-reveal { display: none; } 使用方法举例: input[type="text"]::-ms-clear { display: none; }

［转载］tslib1.4与Qt4.8.6的交叉编译与移植

原文:http://www.cnblogs.com/Jasonsblog/p/3757985.html http://blog.csdn.net/sno_guo/article/details/16897577 最近开始正式接触QT开发,网上看了些移植教程都写的有点乱,博客园的emouse思·睿有一篇写的很好的文章,下面是文章的链接 http://www.cnblogs.com/emouse/archive/2013/01/29/2881311.html 我结合自己编译移植过程中遇到的问题重新整

关于reset.css的疑问：为什么一定要重置浏览器样式？

自开始做前端算起,我所做过的每一个项目中都会有一个reset.css,也就是重置样式表.我现在想想都不知道第一次是从哪儿弄来的一个重置样式表.快五年了,好像从来都没有质疑过关于重置样式表的内容. 这样一个样式表里往往会有一大段对“浏览器样式”的清除与重置.刚开始做前端的时候一度感觉,能写出来这么一个样式表似乎很酷.很牛:做时间久了,也自己开始针对不同项目写自己的reset.css了,但也不外乎是一大堆重置样式,有时候都不关心浏览器里每个元素有什么样的默认样式,只是唯恐漏掉哪个元素没有把样式重置掉

tslib1.4与Qt4.8.6的交叉编译与移植

最近开始正式接触QT开发,网上看了些移植教程都写的有点乱,博客园的emouse思·睿有一篇写的很好的文章,下面是文章的链接 http://www.cnblogs.com/emouse/archive/2013/01/29/2881311.html 我结合自己编译移植过程中遇到的问题重新整理下,写下这篇博客,大部分跟上面的一样,但也有些原帖没有的东西,算是一个总结. 就像上面那位老兄说的“Linux的东西搞起来麻烦的地方就在于太杂.太散”,这个我十分同意,有时候少做了那么一个步骤,后面就会出错,到

css3写的实用表单美化

<!DOCTYPE html>   <!--[if IE 9 ]> <html lang="

AngularJS 学习笔记（1）

AngularJS是一款前端JS框架.AngularJS官网 http://angularjs.org [开发环境准备]: 1,下载AngularJS:JS and CSS in Solution 2,编辑器 WebStorm,下载地址:https://www.jetbrains.com/webstorm/ (配合最新版JetBrains使用,可以即时无刷新显示更新代码后的效果) 3,下载最新版Chrome,并安装扩展程序:JetBrains IDE Suport,(需要FQ) 下载地址:ht

网站通常使用一些javascript包裹简化电话

//对于Web地址参数 //前面加"=="进行标识,否则直接返回 //解码时依据是否含有"=="标识来决定是否要解码 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64Encode = new Array( -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,

不同浏览器的margin值与padding值

IE-7: 有默认外边距margin样式的元素: dd,menu, ol, ul, blockquote, body, dd, dl, form, h1-6, ul 有默认内边距padding样式的元素: th, td, textarea, input, fieldset, caption, IE-8: 有默认外边距margin样式的元素: dd, menu, ol, ul, blockquote, body, dd, dl,fieldset, h1-6, hr, p, pre, 有默认内边距p

网站常用的一些javascript封装简化调用

//用于网页地址参数 //参数中包含出了英文中文数字之外的其他符号时进行编码并在前面加"=="进行标识,否则直接返回 //解码时根据是否含有"=="标识来决定是否要解码 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64Encode = new Array( -1, -1, -1, -1, -1

Css技术入门笔记02

第一篇见Css入门笔记01http://blog.csdn.net/qq_32059827/article/details/51406674 4.其他选择器 4.1.关联选择器有时在页面上会出现我们需要让CSS样式作用在某个标签中的标签上. 格式: 父标签名子标签名 <div> div中的数据 <span>div中的span中的数据</span> </div> <span>span中的数据</span> 当前的CSS要作用在div

selenium+Page Objects(第二话)

前面介绍了什么是po模式,并且简单分析了一下使用po模式编写脚本的思路,接下来开始正式编写 1.先编写一个页面基类BasePage.py,里面封装每个页面常用的一些方法 # coding: utf-8 # author: hmk from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.support import expected_conditions as EC from seleniu

如何配置Linux系统防火墙，以防止DDOS攻击？

虚拟主机服务商在运营过程中可能会受到黑客攻击,常见的攻击方式有SYN,DDOS等.通过更换IP,查找被攻击的站点可能避开攻击,但是中断服务的时间比较长.比较彻底的解决方法是添置硬件防火墙.不过,硬件防火墙价格比较昂贵.可以考虑利用Linux系统本身提供的防火墙功能来防御. 1. 抵御SYN SYN攻击是利用TCP/IP协议3次握手的原理,发送大量的建立连接的网络包,但不实际建立连接,最终导致被攻击服务器的网络队列被占满,无法被正常用户访问.Linux内核提供了若干SYN相关的配置,用命令:sys

input去掉叉ie8

热门专题