【css杂记】css兼容处理杂记 1
2015-09-02 13:57
483 查看
1、iOS上输入框(input)、输入区域(textarea)在框体内侧顶部会有灰色阴影,去掉的方法:
2、Chrome在输入框(input)、输入区域(textarea)被聚焦(focus)时,会多出蓝色/黄色边框,去掉方法:
3、支持HTML5属性的浏览器中,输入区域(textarea)默认是可缩放的,禁止缩放的方法:
4、ie10+中,所有输入框(input)输入最后会有黑色叉叉按钮,去掉的方法:
5、ie10+中,密码输入框(input[type="password"])输入时,最后会有小眼睛,去掉的方法:
input{ -webkit-appearance:none; } textarea{ -webkit-appearance:none; }
2、Chrome在输入框(input)、输入区域(textarea)被聚焦(focus)时,会多出蓝色/黄色边框,去掉方法:
input:focus{ outline:none; } textarea:focus{ outline:none; }
3、支持HTML5属性的浏览器中,输入区域(textarea)默认是可缩放的,禁止缩放的方法:
textarea{ resize:none; }
4、ie10+中,所有输入框(input)输入最后会有黑色叉叉按钮,去掉的方法:
input::-ms-clear{ display:none; }
5、ie10+中,密码输入框(input[type="password"])输入时,最后会有小眼睛,去掉的方法:
input[type="password"]::-ms-reveal{ display:none; }
相关文章推荐
- 【css杂记】css兼容处理杂记 1
- 记录一点css的特性
- HSSFCellStyle样式详解
- 鼠标样式改变 隐藏鼠标在鼠标位置绘制图片,当鼠标经过时改变样式
- js+CSS实现模拟华丽的select控件下拉菜单效果
- CSS 最核心的几个概念
- 【技术】css换行&不换行
- CSS制作图片水平垂直居中
- 简单实用的纯CSS百分比圆形进度条插件
- CSS实现底部固定
- 如何用CSS画三角形
- div动态设置样式
- CSS3 简易照片墙
- 常用CSS备忘
- [CSS] @keyframes
- 【转载】[CSS] CSS position 觀念筆記心得
- 推荐 10 个超棒的 CSS3 代码生成工具
- table表格边框的设置
- css3 2D转换(2D Transform) 动画(Animation)
- CSS实现内容超过长度后以省略号显示