2014-02-05 100 views
0

我想製作一個textarea漂亮的右邊,但這將顯示resize:both;默認爲textareas在右側的樣式,而調整大小本身會將textarea展開爲左邊。如何在textarea中重新定位調整大小指示器

我使用的HTML很簡單:

<textarea style="float:right;"></textarea> 

,但它是更清楚明白我的意思viewing this demo。正如你所看到的,調整textarea的大小將要求你拖動到右邊,而它會向左擴展。有沒有辦法讓我將textarea的角落裏的小指標重新定位到左側?

回答

1

據我所知,這不是瀏覽器目前暴露的功能。對HTML來說,這是一個相對較新的功能,我認爲這個UI文本塊還沒有任何語義或編程鉤子。

你最好打賭,在這一點上,然後將拖拽JS和僞控制,並隱藏原生調整大小。

其實,我的立場(有點)糾正。

格雷格 - 2013年3月11日

WebKit中,您可以:根據這篇文章(http://davidwalsh.name/textarea-resize)的評論,你可以在該意見的時間只有Safari玩的調整大小部件,但玩滾動條樣式。 我用> :: - WebKit的大小調整{背景色:透明;} :: - WebKit的滾動角{背景色:RGBA(0,0,0,0.2);}

到在我的一個站點上的textareas風格的resizer。

(更容易在評論部分閱讀那裏。)

+0

上可用功能的更多詳細信息,在http://css-tricks.com/custom-scrollbars-in-webkit/ ...它似乎這些項目中的一些可能也適用於Chrome,但您的里程可能會有所不同。 –

+0

直到很晚纔看到您的編輯,我很抱歉。這看起來好像會存在,但還沒有。我想我會接受那個。謝謝! – Joeytje50

相關問題