Html 如何使用div模拟<；的边框；选择>；？

我试图为select标签提供一个边框，在过去的两个小时里我一直在拔头发

在通过绝对和相对使用position之前，我已经完成了，但我的硬盘崩溃了，所有代码都丢失了

简单地说，我有

<div style="position:relative; border:1px solid #cc0000;">
    <select style="position:absolute;">
        <option>1</option>
    </select>
</div>

这就是我现在所拥有的一切。我试过很多方法，但都不管用。包括使select绝对和父div相对，反之亦然

---

帮忙？D:

您可以使用jQuery进行此操作。跨浏览器兼容。检查工作示例

我已经找到了一个解决方案，其中包括浮动和“清除：两者”两个选项，这两个选项似乎可以跨浏览器工作

<div style="float:left;"> <!-- just toggle border on this div using jquery -->
    <select>
       <option>1</option>
    </select>
</div>

<div style="clear:both;"></div>

1.

---

看起来很好用。感谢马希马重申了我的努力，感谢侯赛因的帮助

无法将边框样式直接放置到选择元素上的任何原因？必须是跨浏览器兼容的。请提供一些代码并测量选择框的父divFloat left导致的内联元素问题。使用了clear来修复它，但仍然不能很好地与IE配合使用。我通常建议不要尝试为select元素设置样式。如果你想要定制，你应该使用不同的元素。也许只有我一个人，但我看到的只是选区左上方的边框：S@wo0kie再试一次。添加了一些填充物。看起来不错，只是我需要一种方法来移除它，并需要它与选择框的侧面齐平。：）它回答了这个问题，但不是绝对或相对定位，这是我需要的。

.orderQuantity {
    margin-top: 12px; 
}

<div style="float:left;"> <!-- just toggle border on this div using jquery -->
    <select>
       <option>1</option>
    </select>
</div>

<div style="clear:both;"></div>