如何更改網頁texbox的大小？

Question

我正在嘗試擴展Chrome。 我有2-3個問題要討論。

我想更改右下角顯示的Facebook聊天框的文本框的大小。

所以我使用的是javascript（不是jquery）。 我確實在chrome瀏覽器中檢查了元素，並為其div元素獲取了“ _552h”類名。

之后，我寫了alert（document.getElementsByClassName（“ _ 552h”））; 在針對Facebook頁面運行的content_scripts中。 這在警報框中顯示了[objectHTMLcollection]。 這只是用於測試，以便查看我是否正在訪問該元素。

那么我應該如何訪問該div內的文本框並訪問其CSS更改文本框的高度？ 我是初學者，請通過代碼向我展示。

同樣在此之后，我想為此文本框添加一個水平的建議單詞列表。 所以我嘗試使用顯示自動完成但在垂直下拉列表中的jQuery autcomplete。 那么我需要什么樣的CSS？

還告訴我是否可以獲取此自動完成源的英語詞典單詞列表。

Answer 1

對於CSS，我也許可以提供幫助

對於Textarea，您可以按照以下方式設置樣式

._552h textarea{ some style here...}

對於輸入文本，您可以將樣式設置為

._552h input[type='text']{ some style here...}