随笔分类 -  css

placeholder 颜色更改
摘要：::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder 阅读全文
posted @ 2016-07-01 17:06 顺文章 阅读(254) 评论(0) 推荐(0)
移除HTML5 input在type="number"时的上下小箭头
摘要：在chrome下： input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; } Firefox下： input[type="n 阅读全文
posted @ 2016-07-01 17:05 顺文章 阅读(1240) 评论(0) 推荐(0)
移动端flex布局 微信和UC的兼容性
摘要：请查看以下两个链接 http://www.tuicool.com/articles/Afq6Bzq http://www.sheng00.com/2148.html 阅读全文
posted @ 2016-07-01 17:02 顺文章 阅读(333) 评论(0) 推荐(0)
移动端滑动 增加弹性 滑动更加顺畅
摘要：/* 增加该属性，可以增加弹性，是滑动更加顺畅 */ -webkit-overflow-scrolling: touch; 阅读全文
posted @ 2016-05-14 12:51 顺文章 阅读(744) 评论(0) 推荐(0)
移动端点击激活时背景色
摘要：-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 阅读全文
posted @ 2016-05-14 12:50 顺文章 阅读(183) 评论(0) 推荐(0)
文字两端对齐
摘要：text-align:justify; word-break:break-all; stext-justify:distribute-all-lines; /*ie6-8*/ text-justify:inter-ideograph; -webkit-text-align-last:justify; 阅读全文
posted @ 2016-05-14 12:49 顺文章 阅读(180) 评论(0) 推荐(0)
移动端元素被选中时，去除背景
摘要：div::selection{ background:none } div::-moz-selection { background:none } div::-webkit-selection { background:none} div::selection{ background:none } 阅读全文
posted @ 2016-05-14 12:46 顺文章 阅读(222) 评论(0) 推荐(0)
CSS动画 防止动画结束后，回归原位
摘要：animation-fill-mode防止动画结束后，回归原位 animation: arrowsfirst 1s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation: arrows 阅读全文
posted @ 2016-05-14 12:45 顺文章 阅读(818) 评论(0) 推荐(0)
文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
摘要：单行文本溢出显示省略号 max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本溢出显示省略号 display: -webkit-box; -webkit-box-orient: ve 阅读全文
posted @ 2015-12-01 13:04 顺文章 阅读(529) 评论(0) 推荐(0)