2011-08-24 21 views
0

我碰到一個奇怪的問題..我正在做一些自定義的按鈕樣式使用jQuery和工作原理爲假設,但是當我添加的按鈕文字區域或inputfields下,它以某種方式改變從填充/文高按鈕,按鈕..放置在textarea下的按鈕上的填充已更改?

我在這裏上傳了一個簡單的例子:http://pastehtml.com/view/b4x81v12y.html

正如你所看到的,TOPbutton文本移動1px的多了起來比在底部的按鈕..任何人都知道這是爲什麼?

(我在Firefox V6測試它)

+0

在Chrome和Firefox的版本中,我已經安裝它們看起來很偶然。看着html,我會說他們很遺憾,我不能玩你的遊戲來找出差異。 –

+1

爲什麼你刪除了文檔類型? – thirtydot

回答

2

你說對了 - 它看起來不同 - 有1px的區別。我無法找出這是什麼原因。

然而,行高屬性設置爲30PX固定值來解析該示例中的1px的問題提交您連。

我認識到,在某些情況下,行高設置爲靜態值不能被視爲一種選擇netherless ...

一般情況下,我認爲事實是按鍵的造型正確(在跨瀏覽器的方式)在a **中是痛苦的。大多數時間我會用these buttons(完整的相關文章可以在這裏找到:http://stopdesign.com/archive/2009/02/04/recreating-the-button.html)爲自己省去從頭開始設計樣式的麻煩。

+0

啊,是的,lineheigt修復了這個錯誤..但我同意 - 按鈕適當的樣式很爛,我期待未來更好的方法:)謝謝反正 – donpedroper