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)

导航