如何将选项元素左上角与选择元素左上角重叠

Question

我希望在Html中创建一个html列表框，这样选项元素的左上角坐标和select元素的左上角之间没有空格/间隙。默认情况下，它们之间大约有3px间隙(如可访问性资源管理器所示)。

​

​

关于上面的图像，我想去掉选项apple的边缘和select边框之间的空白。目前，apple选项位于偏移量3px，3pxw.r.t为select元素，我希望将偏移量设置为0px,0px。因此，如果select的屏幕位置为10,10，则该选项的屏幕位置也为10,10。

我已经看到这样的事情是可能的，但无法让源代码看到它是如何完成的。(但它是使用asp.net完成的)

耽误您时间，实在对不起。

编辑:下面是它如何在Acc资源管理器中将martin设置为0px：

​

Answer 1

给它一个负值：http://jsfiddle.net/zTatx/14/

Answer 2

实际上，一个简单的padding: 0;应该删除所有空白：

http://jsfiddle.net/TAxuD/1/