如何屏蔽瀏覽器自動的input樣式且不影響設(shè)計整體的一致性,針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

今天設(shè)計一個發(fā)表動態(tài)的窗口樣式,發(fā)現(xiàn)當(dāng)鼠標點擊input時瀏覽器自動加上的樣式和網(wǎng)站整體風(fēng)格很不一致,雖然瀏覽器這種智能功能很先進但是有時候不免會影響設(shè)計整體的一致性。
然后就想著不用input作為輸入框是不是可以,換成了
代碼如下:
<div class="content" contenteditable="true"></div>
以為可以避免瀏覽器的“智能”功能,沒想到瀏覽器太智能了,效果是一摸一樣的,我只能去找度娘了,后來發(fā)現(xiàn)是我的css還是儲備不夠啊可憐(自我檢討中)
css中有這樣一個屬性
代碼如下:
.content{outline:none;}
而且這個是css3它哥哥早就有了的,我居然
關(guān)于如何屏蔽瀏覽器自動的input樣式且不影響設(shè)計整體的一致性問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。
網(wǎng)站題目:如何屏蔽瀏覽器自動的input樣式且不影響設(shè)計整體的一致性-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于:http://chinadenli.net/article10/edego.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、虛擬主機、網(wǎng)站設(shè)計公司、外貿(mào)建站、App開發(fā)、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容