【特效】单选按钮和复选框的美化（只用css）
表单的默认样式都是比较朴素的，实际页面中往往需要美化他们。这里先说说单选按钮和复选框，有了css3，这个问题就变的好解决了。利用input与label相关联，对label进行美化并使其覆盖掉原本的input，并利用旋转属性transform实现复选框中的那个“√”，当然也可以使用背景图片 ...
原文：只用CSS美化选择框
lt 本文译自Style a Select Box Using Only CSS gt 当我需要用下拉列表拼凑自定义表单时，我常常不得不使用下拉框 select ，由于某些部分是浏览器特定的，如下拉箭头，我花了一段时间去搞清楚如何只使用css轻松地美化下拉框。 下面是一个默认样式的下拉框的长相： Here is the first option The second option HTML co ...
2012-03-02 11:04 16 105252 推荐指数：
相关推荐
类似 select 选择框效果及美化
网上有各种各样的关于 select 选择框的美化，找了很多，并没有好的样式效果。所以就找了一个利用 ul li 做的类似 select 选择框的效果，不废话了，先上图，效果如下： 对于上图的箭头效果，可以看看我上篇博客 点击这里 点击一个 test ，就会把列表显示出来，再次点击，列表隐藏 ...
[jQueryUI] - Chosen：select下拉选择框美化插件及问题
Chosen 是一个支持jquery的select下拉框美化插件，它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此，它更扩展了select，增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。 先来看下插件的效果： 跟这个比起来，原来的select样式 ...
[jQueryUI] - Chosen：select下拉选择框美化插件及问题
Chosen 是一个支持jquery的select下拉框美化插件，它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此，它更扩展了select，增加了自动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。 先来看下插件的效果： 跟这个比起来，原来的select样式 ...
CSS3表单input输入框美化
HTML: ...
Jquery+CSS Input file 文本框轻美化
HTML原生的input file 上传按钮有多（无）不（力）漂（吐）亮（槽）我就不多说了。大家几乎在项目中都会有遇到图片、等文件需要上传的地方，好看的文件上传按钮会使人身心愉悦（我瞎说的）。好了不多废话了，今天就教大家使用Jquery配合CSS写出一个美化文件上传按钮效果的教程。 效果如下图 ...
只用CSS做到完全居中
我们都知道 margin:0 auto; 的样式能让元素水平居中，而 margin: auto; 却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样 ...