css設(shè)置控件完成disable效果
發(fā)表時(shí)間：2023-09-11 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這次給大家?guī)韈ss操作控件實(shí)現(xiàn)disable效果，css操作控件實(shí)現(xiàn)disable效果的注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。用js的event可以用來阻止input,select,checkbox的默認(rèn)事件，如event.preventDefault()event.stopPropa...
這次給大家?guī)韈ss操作
控件實(shí)現(xiàn)disable效果，css操作控件實(shí)現(xiàn)disable效果的
注意事項(xiàng)有哪些，下面就是實(shí)戰(zhàn)案例，一起來看一下。
用js的event可以用來阻止input,select,checkbox的默認(rèn)事件，如
event.preventDefault()
event.stopPropagation()
其實(shí)用純CSS也能實(shí)現(xiàn)，如
input {
pointer-events: none;
}然后用CSS把input變灰即可，50%透明度即可實(shí)現(xiàn)禁用的效果
input.disabled {
pointer-events: none;
opacity: 0.5;
}相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
推薦閱讀：
H5+WebWorkers多線程開發(fā)使用詳解
H5+canvas卷積核圖像處理步驟詳解
以上就是css操作控件實(shí)現(xiàn)disable效果的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
