CSS 下拉选择菜单基本的CSS样式不怎么好看，通过一些简单的样式优化，可以得到如下图这样的： html结构如下： {代码...} css样式： {代码...} jquery代码： {代码...} 这儿只是提供一种方法而已，当然前面文章中已经写过用css3模拟select样式效果更好。 如果您觉得本文对您的学习有所帮助，请多支持与鼓励。

在项目中，你会发现设计稿中常常会有单选框，复选框，但都不是系统默认的样式，这就可以用jquery来模拟它们：如图所示，实现它们所需要的代码如下：

如图实现这样的效果：html代码如下： {代码...} css样式代码： {代码...} 需要demo猛点该文字，百度云盘下载