第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

改變input type=radio的樣式

改變input type=radio的樣式

慕仙森 2018-09-11 09:11:06
input type= radio默認樣式是圓形,現(xiàn)在想改為方形,選中樣式想要中間框內為對號,同時方框和對號變?yōu)樗{色
查看完整描述

1 回答

?
慕慕森

TA貢獻1856條經(jīng)驗 獲得超17個贊

  • 圓形改為方形是不可以的, 按照你的需求, 你可以用checkbox來代替radio的功能,但是你就要用JS來控制,不能讓它多選,通過js是可以做到的。

  • 這就涉及到定制checkbox的樣式。 我上一段代碼。

<input type="checkbox" id="c1" name="cc" />

<label for="c1"><span></span>Check Box 1</label>

<input type="checkbox" id="c2" name="cc1" />

<label for="c2"><span></span>Check Box 2</label>

<style>

input[type="checkbox"] {

    display:none;

}

input[type="checkbox"] + label span {

    display:inline-block;

    width:19px;

    height:19px;

    margin:-1px 4px 0 0;

    vertical-align:middle;

    background:url(check_radio_sheet.png) left top no-repeat;

    cursor:pointer;

}

input[type="checkbox"]:checked + label span {

    background:url(check_radio_sheet.png) -19px top no-repeat;

</style>

樣式如圖。

https://img1.sycdn.imooc.com//5bc00bd4000161be04680057.jpg

查看完整回答
反對 回復 2018-10-12
  • 1 回答
  • 0 關注
  • 1651 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號