div可以輸入內容不用input作為輸入框屏蔽自動的input樣式詳解

點擊input時瀏覽器自動加上的樣式和網站整體風格很不一致影響設計整體的一致性，不用input作為輸入框也是可以的，下面有個不錯的示例，大家可以參考下 今天設計一個發表動態的視窗樣式，發現當滑鼠點擊input時瀏覽器自動加上的樣式和網站整體風格很不一致，雖然瀏覽器這種智慧功能很先進但是有時不免會影響設計整體的一致性。

然後就想著不用input當輸入框是不是可以，換成了

#程式碼如下:

<p class="content" contenteditable="true"></p>

以為可以避免瀏覽器的「智慧」功能，沒想到瀏覽器太聰明了，效果是一摸一樣的，我只能去找度娘了，後來發現是我的css還是儲備不夠啊可憐（自我檢討中）

css中有這樣一個屬性

程式碼如下:

.content{outline:none;}

#而且這個是css3它哥哥早就有了的，我居然…

更多div可以輸入內容不用input作為輸入框屏蔽自動的input樣式詳解相關文章請關注PHP中文網！