2012-08-02 150 views
0

我想要在HTML中創建一個Html列表框,使選項元素的左上角座標和選擇之間沒有空格/間隙元素的top-left.By默認他們之間有大約3px的差距(如通過輔助探險家)對於上述圖像Html選擇元素 - 如何重疊選擇元素左上角與選擇元素左上角

enter image description here

,我想要得到的邊緣之間擺脫白色空間的選項蘋果和選擇的邊界。 目前的選項蘋果是偏移3px,3px w.r.t選擇元素,我想使偏移量爲0px,0px。 因此,如果選擇的屏幕位置是10,10,則該選項的屏幕位置也將是10,10。

我見過這樣的事情可能的,但不能得到源代碼,看看它是如何完成的。(但它是用asp.net做)

感謝您的時間。

編輯: 下面是它的外觀設置馬丁在ACC資源管理器0像素後: enter image description here

回答

1

給它一個負保證金: http://jsfiddle.net/zTatx/14/

+0

但是,即使邊距已設置爲 - 3px。當我使用accessiblity explorer獲取select和選項的屏幕矩形時,仍然得到1px的偏移量。此外,如果我在jfiddle之外使用相同的代碼,它仍然顯示不同的結果。 – Prakash 2012-08-02 15:02:06

1

其實一個簡單的padding: 0;應該刪除所有的白色空間:

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

+0

感謝您的快速回復, 在jsfiddle我可以看到填充仍然是1px之間的選擇和選項元素左上角(如Accessiblity資源管理器所示)。此外,當我在jsfiddle外使用相同的代碼。它默認回到3px的填充。 – Prakash 2012-08-02 14:35:05

+0

@Prakash「Accessiblity explorer」?你那是什麼意思?您正在使用哪個瀏覽器? – RockaRolla 2012-08-02 14:45:42

+0

我正在使用IE9。 Accessiblity瀏覽器:http://msdn.microsoft.com/en-us/library/dd631969.aspx – Prakash 2012-08-02 14:58:18