去掉IE下button上的文字

2021-08-25 12:49:38 字數 579 閱讀 8492

有時候頁面美化要求,不得不把button上的文字一併做成

這個時候我們要採取一些辦法隱藏button的value裡的文字

通常我會用

text-indent: -9999px;
測過ff和chrome下都正常。但是在ie下由於樣式的綜合作用,button元素會隨著text-indent的值移走,顯示情的況有兩種:

一種:整個button都不見了(display:inline-block;)

二種:button上的文字依然在(display:block;)

我們需要為ie這樣寫:

text-indent:-9999px; text-transform:capitalize;
這樣就都相容了。

另外一種方式

text-indent:0; line-height:0; font-size:0; overflow:hidden;
經測試可以相容目前的所有瀏覽器。

小程式如何去掉button元件的邊框

小程式獲取使用者授權不再支援wx.getuserinfo方法,改為用button獲取,格式如下 授權小程式授權更改說明文件 問題是我不想用button,我想用個是否可以呢?一開始我直接用,結果無效,應使用下面的方法 button class btn open type getuserinfo get...

解決Button在IE6 7下的自適應寬度問題

很早就遇到過這麼個小問題,但由於其並未影響到實際作用和美觀就沒有正面解決它,現在,我們來試著解決它。寫乙個button,有兩種方式 其一,直接button標籤 其二,input type button 不管哪種方式,button的寬度在ie6 7下總是不能完美,接下來我們演示乙個普通的button,...

解決Button在IE6 7下的自適應寬度問題

寫乙個button,有兩種方式 其一,直接button標籤 其二,input type button 不管哪種方式,button的寬度在ie6 7下總是不能完美,接下來我們演示乙個普通的button,你可以用ie6或者ie7瀏覽器看看其顯示寬度,然後對比chrome或者ie8等瀏覽器,你會發現bug...