又碰到这个问题,控制select的边框颜色原色蓝色有时不配色不太舒服,css不能设置select的border,总结了一下,只能通过父对象实现边框,其实也是用的瘴眼法,把原SELECT边框,收缩,给外父对象加边框在盖在上面。
下面是方法和实例:只方法简洁明了实用,兼容性也不很好,有的用JS实现还加了挺多花样。费事。代码多。这东西主要代码简结,实用就够用了。
用margin属性实现。先设置margin属性为-2,以隐藏select对象原来的边框,然后设置select对象的父对象的边框。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>布丁足迹-web前端设计</title>
</head>
<body>
<span style="border:1px solid green; position:absolute; overflow:hidden">
<select style="margin:-2px">
<option>布丁足迹</option>
<option>www.ddhbb.com</option>
<option>ddhbb.com</option>
</select>
</span>
</body>
</html>