課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之border
求Checkbox響應(yīng)區(qū)域增大的完整代碼,嗚嗚嗚,找了好多博客也找不到個完整的HTML+css的代碼,按照老師講的也不知道為什么實(shí)現(xiàn)不了
2018-06-07
源自:CSS深入理解之border 6-1
正在回答
在chrome瀏覽器中checkbox是設(shè)置不了border的,其他瀏覽器我沒試。所以這個方法其實(shí)用到機(jī)會多,用label標(biāo)簽包著checkbox的,然后給label加padding也可以增大點(diǎn)擊的區(qū)域。
IE瀏覽器下checkbox對width,border,background敏感,而對margin沒反應(yīng);Firefox,chrome等瀏覽器對border,background沒有反應(yīng),F(xiàn)irefox對width一點(diǎn)反應(yīng)也沒有,但是Firefox等對margin反應(yīng)強(qiáng)烈,margin:0會使復(fù)選框后面的文字緊貼這復(fù)選框。
width
border
background
margin
margin:0
舉報(bào)
深入講解border使用方法及應(yīng)用,以及如何借助border完成布局
3 回答drop-shadow哪里有完整代碼?
1 回答只能實(shí)現(xiàn)這種效果 標(biāo)紅的區(qū)域怎么能填充上顏色
1 回答如何獲得講師的代碼
2 回答100%右側(cè)定位不計(jì)算border區(qū)域這與能實(shí)現(xiàn)右下定位有什么關(guān)系
2 回答源代碼有沒有啊、
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2019-03-05
在chrome瀏覽器中checkbox是設(shè)置不了border的,其他瀏覽器我沒試。所以這個方法其實(shí)用到機(jī)會多,用label標(biāo)簽包著checkbox的,然后給label加padding也可以增大點(diǎn)擊的區(qū)域。
2018-06-21
IE瀏覽器下checkbox對
width
,border
,background
敏感,而對margin
沒反應(yīng);Firefox,chrome等瀏覽器對border
,background
沒有反應(yīng),F(xiàn)irefox對width
一點(diǎn)反應(yīng)也沒有,但是Firefox等對margin
反應(yīng)強(qiáng)烈,margin:0
會使復(fù)選框后面的文字緊貼這復(fù)選框。