css+js实现select列表横向排列效果代码

</p> <p><title>请选择ABCDEFGHI_<a href="https://www.kunjuke.com/tag/2050/" title="select" target="_blank">select</a>横排效果_北冥有鱼</title> </p> <p>*{font-size:12px;}<br /> A.s_l {<br /> BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px<br /> }<br /> A.s_l:hover {<br /> BORDER: #003366 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px<br /> }<br /> A.s_r {<br /> BORDER: #dddddd 1px solid;BACKGROUND: #ffffff; PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px<br /> }<br /> A.s_r:hover {<br /> BORDER: #003366 1px solid;BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px<br /> }<br /> input {BORDER: #aaa 1px solid;width:65px;height:23px;PADDING: 4px 6px 0px 6px;background:url(http://bbs.blueidea.com/attachment.php?aid=90338&noupdate=yes) no-repeat 95% center;}<br /> .span1 {position:relative;top:3px;}<br /> .span2 {position:relative;left:-3px;top:1px} </p> <p><span class="span1"></span><br /> <span class="span2" id="select">ABCDEFGHI</span> </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• 用javascript实现select的美化的方法
• 用javascript来实现select标签的美化的代码
• 用javascript和css模拟select的脚本
• select下拉选择框美化实现代码(js+css+图片)
• IE6下js通过css隐藏select的一个bug
• select标签模拟/美化方法采用JS外挂式插件
• select标记美化--JS式插件、后期加载
• 用JavaScript来美化HTML的select标签的下拉列表效果
• js+css实现select的美化效果