首页 > Web开发 > 详细

css与html基础收集

时间:2016-03-28 11:46:06      阅读:221      评论:0      收藏:0      [点我收藏+]

1、css去掉iPhone、iPad默认按钮样式

nput[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea {  -webkit-appearance: none;}   

如果还有圆角的问题:

.button{ border-radius: 0; }

 

2、去除Chrome等浏览器文本框默认发光边框

input:focus, textarea:focus { outlinenone;}

去掉高光样式:

input:focus { -webkit-tap-highlight-color:rgba(0,0,0,0);  -webkit-user-modify:read-write-plaintext-only;}

当然这样以来,当文本框载入焦点时,所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了,但我们可以重新根据自己的需要设置一下,如:

input:focus,textarea:focus {outlinenoneborder1px solid #f60}
 
3、去除IE10+浏览器文本框后面的小叉叉:
input::-ms-clear { displaynone; }
 
 
4、禁止多行文本框textarea拖拽
textarea { resize: none;}

none 默认值

both 允许水平方向及垂直方向缩放

horizontal 只允许水平方向缩放

vertical 只允许垂直方向缩放

不仅可以针对textarea元素,对大多数元素都适用,如div等,在这里不一一列举,但与textarea不同的是,对div使用时需要加上一句overflow: auto;,也就是这样才有效果:

div {resize: both; overflowauto;}
 
 
 
 
 
 

css与html基础收集

原文:http://www.cnblogs.com/Iven-zhang/p/5328384.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!