火狐下input type=radio樣式不能修改問(wèn)題

KoreyLee 發(fā)布于2019-08-20 16:18 / 1816人閱讀

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

開(kāi)發(fā)中，會(huì)遇到在谷歌中input type=radio點(diǎn)選沒(méi)有反應(yīng)，在火狐中input type=radio樣式不能修改的問(wèn)題，這里有個(gè)小竅門(mén):

  是
  否

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

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");
})

效果：

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/82848.html

相關(guān)文章

火狐下input type=radio樣式不能修改問(wèn)題

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

yanwei 2019-08-29 12:32 評(píng)論0 收藏0
前端面試題-偽類和偽元素

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

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

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

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

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

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

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

Anshiii 2019-08-29 17:26 評(píng)論0 收藏0