2013年9月25日

CSS美化 input type=”file”

摘要： CSS美化 input type=”file”在日常重构中，form表单家族中的 upload field 在使用 css 美化时令人头疼！默认情况下，各个浏览器下的表现层次不齐！如下图所示，让我等情何以堪。通常，我们的设计师同学、产品同学都希望文件上传域能够在表现上有所突破：点击页面中美化过的图片“选择文件”就可以完美实现文件上传域的功能。唉，理想很丰满，现实很骨感！每当我接到这样的要求就会泪流满面，加图片容易，但它无法工作啊！好吧，苦逼的前端开始想办法了：用JS去模拟，貌似这个可行！但是如果用户禁用脚本呢？唉，能否有一个简单的处理方式呢？经过一番试验，重构组的同学想到一个方案，哈哈，纯CS 阅读全文

posted @ 2013-09-25 16:31 双木子 阅读(663) 评论(0) 推荐(0)

Font

摘要： 像往常一样，新建个页面然后在css文件里设置body标签的属性，刚写个font:;就停住了，细节决定成败，一直都那样写着，何不总结一下呢!?CSS font 属性font:font-style font-variant font-weight font-size/line-height font/familyCSS简写指南：http://www.qianduan.net/css-font-shorthand-attribute-handbook.htmlcss font-style 属性可能的值normal 默认值。浏览器显示一个标准的字体样式。italic 浏览器会显示一个斜体的字体样式。o 阅读全文

posted @ 2013-09-25 14:27 双木子 阅读(278) 评论(0) 推荐(0)

导航