關於radio 修改樣式問題

2022-08-23 01:21:16 字數 915 閱讀 1178

谷歌下: 頁面和css如下

test-label">test-radio" checked

name="fruit" type="radio" value="01" id="qy" />

test-radioinput" onclick="qy();">企業

test-label">test-radio"

name="fruit" type="radio" value="02" id="zrr" />

test-radioinput" onclick="zrr();">自然人

.test-label 

.test-radio

.test-radioinput

.test-radio:checked+.test-radioinput:after

頁面效果如下:

由於要相容ie8  所以 ie8 對偽元素和checked屬性都不認識 所以加入了js

css修改為

.test-label 

.test-radio

.test-radioinput

//關於偽元素的部分注釋掉

/* .test-radio:checked+.test-radioinput:after */

js

function qy());

$("#zrr").parent().find('span.test-radioinput').css();

}function zrr());

$("#qy").parent().find('span.test-radioinput').css();

}$(function());

})

el tooltip 如何修改樣式

el tooltip 如何修改樣式 el tooltip標籤又popper class testtooltip 屬性可以給元件建乙個選擇器名。通過atooltip可以直接修改el tooltip.placement bottom popper class testtooltip slot conte...

input點選修改樣式

geren type button value 個人獎勵 style border top style none border right style none border left style none border bottom style none width 48 bumen type b...

修改樣式 如何防止樣式被私下修改

大家可以看到,儘管修改樣式非常簡單,但是要自定義一套較好的文件樣式,並不是那麼容易的一件事,因為這裡還涉及到一些個人審美素養與設計靈感的問題,或者還有單位的特殊需求。因此,當對乙個文件模板的標題樣式做好了設定之後,我們會希望對樣式進行加密保護。不讓普通使用者隨意的對樣式進行修改。怎麼設定呢?可以這樣...