用clip做可输入的下拉框（select） HTML,CSS,JS

用css2.0中的clip栽切select，使只留下一个三角形，然后再用一个文本框来做输入，好办法，简单实用，但是在firefox中还有一点不完美，不过比起用一大堆js来实现方便多了。


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

附：

clip版本：CSS2　 兼容性：IE4+ NS6+　继承性：无

 
语法：
 
clip : auto | rect ( number number number number )
 
参数：
 
auto : 　对象无剪切
rect ( number number number number ) : 　依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值，其中任一数值都可用auto替换，即此边不剪切
 
说明：
 
检索或设置对象的可视区域。区域外的部分是透明的。
必须将position的值设为absolute，此属性方可使用。
自IE5开始，此属性在MAC平台上可用。   
对应的脚本特性为clip。请参阅我编写的其他书目。