关闭

CSS美化select表单边框

7449人阅读 评论(0) 收藏 举报
这个没有什么技术含量,也没有什么大的价值,不过既然想到了就写到这里.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#a
{
    border
:1px dotted #ccc;
    width
:118px;height:19px;
    display
:block;overflow:hidden
}

#b
{
    width
:120px;position:relative;
    top
:-2px;left:-2px;
}
</style>
</HEAD>

<BODY>
<div id="a">
<select name="test" id="b">
<option value=1>select1</option>
<option value=2>select2</option>
<option value=3>select3</option>
<option value=4>select4</option>
<option value=5>select5</option>
</select>
</div>
</BODY>
</HTML>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2262309次
    • 积分:25867
    • 等级:
    • 排名:第229名
    • 原创:1篇
    • 转载:1662篇
    • 译文:0篇
    • 评论:98条
    最新评论