[CSS]Firefoxrequiredinputtextarea粉紅色邊框去除方案._html/css
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 16:34:56
[CSS]Firefoxrequiredinputtextarea粉紅色邊框去除方案._html/css
[CSS]Firefoxrequiredinputtextarea粉紅色邊框去除方案._html/css_WEB-ITnose:Firefox中,如果一個(gè)表單控件具有required屬性,那么當(dāng)這個(gè)控件失效時(shí)會(huì)自動(dòng)被Firefox加上一圈粉紅色的邊框,極其難看,無(wú)法實(shí)現(xiàn)各 個(gè)瀏覽器統(tǒng)一,尤其是當(dāng)你將這個(gè)控件設(shè)置了不顯示某些邊框線的時(shí)候,要去除Firefox給有required屬性的表單控件添加的邊
導(dǎo)讀[CSS]Firefoxrequiredinputtextarea粉紅色邊框去除方案._html/css_WEB-ITnose:Firefox中,如果一個(gè)表單控件具有required屬性,那么當(dāng)這個(gè)控件失效時(shí)會(huì)自動(dòng)被Firefox加上一圈粉紅色的邊框,極其難看,無(wú)法實(shí)現(xiàn)各 個(gè)瀏覽器統(tǒng)一,尤其是當(dāng)你將這個(gè)控件設(shè)置了不顯示某些邊框線的時(shí)候,要去除Firefox給有required屬性的表單控件添加的邊
Firefox中,如果一個(gè)表單控件具有required屬性,那么當(dāng)這個(gè)控件失效時(shí)會(huì)自動(dòng)被Firefox加上一圈粉紅色的邊框,極其難看,無(wú)法實(shí)現(xiàn)各 個(gè)瀏覽器統(tǒng)一,尤其是當(dāng)你將這個(gè)控件設(shè)置了不顯示某些邊框線的時(shí)候,要去除Firefox給有required屬性的表單控件添加的邊框,只需要添加一句 CSS代碼即可。
添加下列代碼以后,具有required屬性的input和textarea將不再自動(dòng)添加粉紅色邊框(其實(shí)是盒子陰影)。
或者
input:focus{outline:none;}
input:required:invalid{box-shadow: none;}
為了兼容老版本的Firefox,還可以將-moz-box-shadow:none也添加上去。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
[CSS]Firefoxrequiredinputtextarea粉紅色邊框去除方案._html/css
[CSS]Firefoxrequiredinputtextarea粉紅色邊框去除方案._html/css_WEB-ITnose:Firefox中,如果一個(gè)表單控件具有required屬性,那么當(dāng)這個(gè)控件失效時(shí)會(huì)自動(dòng)被Firefox加上一圈粉紅色的邊框,極其難看,無(wú)法實(shí)現(xiàn)各 個(gè)瀏覽器統(tǒng)一,尤其是當(dāng)你將這個(gè)控件設(shè)置了不顯示某些邊框線的時(shí)候,要去除Firefox給有required屬性的表單控件添加的邊