標籤:

textarea標籤設置line-height比font-size大,自動換行導致大游標的解決辦法?

在chrome和手機瀏覽器,網頁中textarea標籤設置line-height比font-size大(比如"

font-size: 16px;
line-height: 41px;

"),自動換行導致大游標。

在chrome中

在火狐瀏覽器中則是正常的:


422652 - CARET: Caret height is incorrect from second wrapped line of text when line-height is set

一起去這裡反饋吧,看看能不能提升 Chromium 團隊處理這個 bug 的優先順序。(目測希望不大,這個 bug 已經報告了兩年多了)


其實某便簽的網頁版已經有替代解決的方案,研究了一下前端代碼,發現有點複雜,由於功力有限,沒看明白。感興趣大牛可以研究下


推薦閱讀:

CSS3 的按鈕怎麼快速實現樣式?
如何通過html和css完成下拉菜單的製作?
css3 滑鼠:hover效果會平滑過渡,但滑鼠離開,效果消失的太生硬,能不能和:hover一樣平滑過渡?
如何解決前端的flex流動布局中的單個子元素位置?
CSS box-sizing 屬性為什麼沒有 margin-box?

TAG:GoogleChrome | CSS3 |