- 相關(guān)推薦
在div中可以輸入文字的方法
導(dǎo)語(yǔ):其實(shí)在div中插入文字是件相對(duì)簡(jiǎn)單的事,但是,你會(huì)嗎?以下的是百分網(wǎng)小編為大家搜集的在div中可以輸入文字的方法,希望對(duì)你有所幫助。
今天設(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作為輸入框是不是可以,換成了
代碼如下:
<div class="content" contenteditable="true"></div>
以為可以避免瀏覽器的“智能”功能,沒(méi)想到瀏覽器太智能了,效果是一摸一樣的,我只能去找度娘了,后來(lái)發(fā)現(xiàn)是我的css還是儲(chǔ)備不夠啊可憐(自我檢討中)
css中有這樣一個(gè)屬性
代碼如下:
.content{outline:none;}
而且這個(gè)是css3它哥哥早就有了的,我居然……
【在div中可以輸入文字的方法】相關(guān)文章:
Excel中如何進(jìn)行在單元格中記憶式輸入文字09-14
在photoshop中摳出手寫(xiě)文字的方法08-14
如何解決word輸入新文字覆蓋舊文字的問(wèn)題08-23
word豎排文字的方法10-30
win10輸入法設(shè)置的方法09-04
搜狗輸入法關(guān)閉自動(dòng)搜索的方法09-23
網(wǎng)頁(yè)設(shè)計(jì)中的文字運(yùn)用07-09
如何隱藏Word中的文字03-19