布丁足迹

千里始足下,高山起微尘,吾道亦如此,行之贵日新。

css简单实现select 样式颜色变化,兼空性也很好。

又碰到这个问题,控制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>

 

« 绝对标准的折纸鹤方法建筑门户网站 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

宣传推广栏

评论之星★★★☆

宣传推广栏

完全随机文章

最新评论及回复

最近留言

网站收藏

  • hidden

网站收藏

抓虾 鲜果
有道 QQ邮箱
feedsky

Powered By Z-Blog 1.8 Walle Build 91204

[过度上网,有害健康]    感谢诚网科技提供空间
版权所有 ? 2007-2010 布丁足迹 辽ICP备08100443号