火狐下input type=radio樣式不能修改問題

yanwei 發(fā)布于2019-08-29 12:32 / 1672人閱讀

摘要：開發(fā)中，會遇到在谷歌中點選沒有反應(yīng)，在火狐中樣式不能修改的問題，這里有個小竅門是否把的透明度設(shè)置為，按鈕選沒選中的效果用來寫。

開發(fā)中，會遇到在谷歌中input type=radio點選沒有反應(yīng)，在火狐中input type=radio樣式不能修改的問題，這里有個小竅門:

  是
  否

把input的透明度設(shè)置為0，按鈕選沒選中的效果用background:url(...) no-repeat;來寫。

CSS:
.lab input{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.lab{display:inline-block;background:url(../images/home_default.png) no-repeat;margin-right:3px;cursor:pointer;}
.onCheck{background:url(../images/home_radio.png) no-repeat;}

JS:
$("body").on("click",".lab",function(){
    $(this).attr("class","lab onCheck");
    $(this).siblings().attr("class","lab");
})

效果：

云服務(wù)器 GPU云服務(wù)器 jquery_input_type 元素 type問題 webrtc問題火狐 js修改input

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/111975.html

相關(guān)文章

火狐下input type=radio樣式不能修改問題

摘要：開發(fā)中，會遇到在谷歌中點選沒有反應(yīng)，在火狐中樣式不能修改的問題，這里有個小竅門是否把的透明度設(shè)置為，按鈕選沒選中的效果用來寫。開發(fā)中，會遇到在谷歌中input type=radio點選沒有反應(yīng)，在火狐中input type=radio樣式不能修改的問題，這里有個小竅門: 是否把input的透明度設(shè)置為0，按鈕選沒選中的效果用background:url(...) no-r...

KoreyLee 2019-08-20 16:18 評論0 收藏0
前端面試題-偽類和偽元素

摘要：四偽類列舉狀態(tài)偽類狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。目前，只有火狐瀏覽器支持偽類，并在火狐瀏覽器中使用時需要添加前綴試驗階段。一、偽類和偽元素的引入 1. 規(guī)范說明 CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information...

Cristic 2019-08-30 14:09 評論0 收藏0
前端面試題-偽類和偽元素

摘要：四偽類列舉狀態(tài)偽類狀態(tài)偽類是基于元素當(dāng)前狀態(tài)進(jìn)行選擇的。目前，只有火狐瀏覽器支持偽類，并在火狐瀏覽器中使用時需要添加前綴試驗階段。一、偽類和偽元素的引入 1. 規(guī)范說明 CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information...

entner 2019-08-01 18:41 評論0 收藏0
總結(jié)：如何修改美化radio、checkbox的默認(rèn)樣式

摘要：現(xiàn)在前端頁面效果日益豐富，默認(rèn)的組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改樣式的方法。它使用純編寫，沒有任何的文件。現(xiàn)在前端頁面效果日益豐富，默認(rèn)的input組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改radio、CheckBox樣式的方法。原理：大致原理都是使用原生的checkbox或inp...

asce1885 2019-08-02 12:09 評論0 收藏0
總結(jié)：如何修改美化radio、checkbox的默認(rèn)樣式

摘要：現(xiàn)在前端頁面效果日益豐富，默認(rèn)的組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改樣式的方法。它使用純編寫，沒有任何的文件。現(xiàn)在前端頁面效果日益豐富，默認(rèn)的input組件樣式顯然不能滿足設(shè)計需求。前段時間開發(fā)項目中剛好接觸到相關(guān)的需求，在此特地整理下修改radio、CheckBox樣式的方法。原理：大致原理都是使用原生的checkbox或inp...

Anshiii 2019-08-29 17:26 評論0 收藏0