CSS美化select表单边框

最新推荐文章于 2024-06-22 23:16:29 发布

转载最新推荐文章于 2024-06-22 23:16:29 发布 · 8.1k 阅读

文章标签：

#css #generator #html #border #div

本文介绍了一种通过CSS对HTML中的下拉框进行样式调整的方法。通过设置特定的CSS样式，可以使得下拉框更加美观且符合网页的整体风格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个没有什么技术含量,也没有什么大的价值,不过既然想到了就写到这里.

<!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>