如何改变默认RADIO和SELECT样式？

1.背景介绍

Radio 对象代表 HTML 表单中的单选按钮。 在 HTML 表单中 (input type="radio") 每出现一次，一个 Radio 对象就会被创建。 单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。 当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。 您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()

select 元素可创建单选或多选菜单。 (select&)元素中的(option) 标签用于定义列表中的可用选项。 select 元素是一种表单控件，可用于在表单中接受用户输入。

2.知识剖析

select 元素可创建单选或多选菜单。元素中的标签用于定义列表中的可用选项。

select 元素是一种表单控件，可用于在表单中接受用户输入。

3.常见问题

而很多时候我们都希望对select的样式进行修改，以使得它能够更加美观一点，在css2.0下面我们除了设置一些基本 的样式之外，是没有办法把select变的更好看的，尤其是那个很丑的下拉箭头我是没有正常的办法把它隐藏掉的。总 结了一下，更改select样式的方法↓

4.解决方案

如果只是为了去掉select的下拉箭头的话，可以用css样式来吧select的下拉箭头部分直接截取 掉。但是这种方法存在的问题就是，如果设置了select的border的话，截取就会把border也截去，很是不美观。

ppt

视频