如何屏蔽瀏覽器自動(dòng)的input樣式且不影響設(shè)計(jì)整體的一致性,針對這個(gè)問題,這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。
今天設(shè)計(jì)一個(gè)發(fā)表動(dòng)態(tài)的窗口樣式,發(fā)現(xiàn)當(dāng)鼠標(biāo)點(diǎn)擊input時(shí)瀏覽器自動(dòng)加上的樣式和網(wǎng)站整體風(fēng)格很不一致,雖然瀏覽器這種智能功能很先進(jìn)但是有時(shí)候不免會(huì)影響設(shè)計(jì)整體的一致性。
然后就想著不用input作為輸入框是不是可以,換成了
代碼如下:
以為可以避免瀏覽器的“智能”功能,沒想到瀏覽器太智能了,效果是一摸一樣的,我只能去找度娘了,后來發(fā)現(xiàn)是我的css還是儲(chǔ)備不夠啊可憐(自我檢討中)
css中有這樣一個(gè)屬性
代碼如下:
.content{outline:none;}
而且這個(gè)是css3它哥哥早就有了的,我居然
關(guān)于如何屏蔽瀏覽器自動(dòng)的input樣式且不影響設(shè)計(jì)整體的一致性問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。