Question

html下拉框样式设计

如图，怎么设计出图片中的下拉框样式

Answer 1

<form id="form1" name="form1" method="post" action="">
<label for="select"> </label>
<select name="select" size="1" id="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

追问

我的主要目的是设计出下拉框边框加粗，和右边的下拉箭头样式

追答

无标题文档

#select {
padding: 5px;
float: none;
height: 24px;
width: 60px;
margin: auto;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}

1
2
3

使用了样式表，但是好像没有出现你发的效果，但是思路是正确的