请选择ABCDEFGHI_select横排效果_脚本之家
*{font-size:12px;}
A.s_l {
BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px
}
A.s_l:hover {
BORDER: #003366 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px
}
A.s_r {
BORDER: #dddddd 1px solid;BACKGROUND: #ffffff; PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px
}
A.s_r:hover {
BORDER: #003366 1px solid;BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px
}
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;}
.span1 {position:relative;top:3px;}
.span2 {position:relative;left:-3px;top:1px}
ABCDEFGHI
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
JavaScript在IE和Firefox上的差异及相互替代的实现方法第1/2页
1.document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].解>>>详细阅读
本文标题:css+js实现select列表横向排列效果代码
地址:http://www.17bianji.com/kaifa2/JS/29603.html
1/2 1