input 按鈕顯示差異的解決方法
發(fā)布時間:2009-06-05 23:03:00 作者:佚名
我要評論

請在各瀏覽器里查看以下input的顯示效果!
解決后顯示效果!
具體代碼
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*寬度不帶單位我是第一次見,不知道其作用!- -!*/
overflow:visible;
}
還有一個問題就是input的文字垂直居中問題,這里引用一
請在各瀏覽器里查看以下input的顯示效果!
解決后顯示效果!
具體代碼
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*寬度不帶單位我是第一次見,不知道其作用!- -!*/
overflow:visible;
}
還有一個問題就是input的文字垂直居中問題,這里引用一下! fedcn
默認(rèn)情況下,在IE6/7下,按鈕中的文本居中的不是很精確,需要調(diào)整,而在IE8 Beta2下,按鈕中的文字位置貌似是固定不變的。
經(jīng)過反復(fù)測試,發(fā)現(xiàn)對按鈕設(shè)置適當(dāng)?shù)男懈咧稻涂梢越鉀Q, 其中在IE6/8下, line-height = height - 8 ,對IE7 單獨設(shè)置 line-height = hegiht - 4
解決后顯示效果!
具體代碼
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*寬度不帶單位我是第一次見,不知道其作用!- -!*/
overflow:visible;
}
還有一個問題就是input的文字垂直居中問題,這里引用一下! fedcn
默認(rèn)情況下,在IE6/7下,按鈕中的文本居中的不是很精確,需要調(diào)整,而在IE8 Beta2下,按鈕中的文字位置貌似是固定不變的。
經(jīng)過反復(fù)測試,發(fā)現(xiàn)對按鈕設(shè)置適當(dāng)?shù)男懈咧稻涂梢越鉀Q, 其中在IE6/8下, line-height = height - 8 ,對IE7 單獨設(shè)置 line-height = hegiht - 4
相關(guān)文章
- 這段時間在處理網(wǎng)頁默認(rèn)的input 按鈕時,IE下常顯現(xiàn)不一致的寬度問題,讓人感到很糾結(jié),今天抽時間整理了一些,貼出來和大家分享下,希望對你們有幫助2012-12-24
- 網(wǎng)頁制作Webjx文章簡介:你是不是覺得自己的主頁不夠靚麗,想讓它有所改變呢?聽說過樣式表格嗎?就是CSS,它就是那個能讓你更為準(zhǔn)確地控制網(wǎng)頁的東東。2009-04-02
- 在一些網(wǎng)站進(jìn)行上傳時,當(dāng)單擊了“瀏覽”按鈕之后會彈出【選擇文件】的對話框。很多時候我們需要只上傳圖像文件,那么在彈出的【選擇文件】對話框中只顯示了相關(guān)2008-10-17
- 本篇文章小編為大家介紹,關(guān)于如何去掉submit按鈕背景陰影的解決方法。需要的朋友參考下2013-04-23
- 今天遇見一個bug,在ie下,input設(shè)置一個背景圖片如下圖:2011-08-02
適合絕大多數(shù)電腦用戶的老牌實用軟件 驅(qū)動精靈 2011V5.5.513.2020 綠色
驅(qū)動精靈 - 一款適合絕大多數(shù)電腦用戶的老牌實用軟件。 驅(qū)動精靈不僅可以快速準(zhǔn)確的檢測識別您系統(tǒng)中的所有硬件設(shè)備,而且可以通過在線更新及時的升級驅(qū)動程序,并且2011-05-15- 在使用IE6 IE7 等低級瀏覽器的人已經(jīng)被時代拋棄,下面為大家介紹下input 按鈕背景不顯示的具體解決方法,有此經(jīng)歷,由此需求的朋友可以參考下,希望對大家有所幫助2013-08-19