2014-02-05 2 views
0

오른쪽으로 텍스트 영역을 플로트하고 싶습니다만, 오른쪽에 텍스트 영역이 기본 인 resize:both; 스타일이 표시되지만 크기 조정 자체는 텍스트 영역을 확장합니다 왼쪽.텍스트 영역에서 크기 조정 표시기의 위치를 ​​변경하는 방법

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

하지만 내가 viewing this demo에 의해 무엇을 의미하는지에 관해 알기 위해 많은 명확 :

내가 사용하고있어 HTML

는 간단하다. 보시다시피 텍스트 영역의 크기를 조정하면 오른쪽으로 드래그해야하며 왼쪽으로 확장해야합니다. 왼쪽에있는 텍스트 영역의 구석에 작은 표시기를 재배치 할 수있는 방법이 있습니까?

답변

1

내가 아는 한, 지금은 브라우저가 노출 한 기능이 아닙니다. 그것은 HTML에 비해 상대적으로 새로운 기능입니다. 아직 UI의 텍스트 영역에 대한 의미 론적 또는 프로그래밍 적 후크가 없다고 생각합니다.

가장 좋은 방법은이 시점에서 드래그 앤 드롭 JS 및 유사 컨트롤로 가짜로 만들고 기본 크기를 숨기는 것입니다.

사실, 나는 (다소) 교정되었습니다. 당신이 할 수있는 웹킷에서

그렉 2013년 3월 11일

:이 문서 (http://davidwalsh.name/textarea-resize)의 주석에 따르면, 그 주석의 번에 사파리하지만, 크기 조정 위젯 주위를 재생할 수 있습니다 스크롤바 스타일을 가지고 놀아 라. {: RGBA (0,0,0,0.2) 배경 색상;}

에 - : 웹킷 - 스크롤 코너; {투명 배경 색상} 웹킷 - 크기 변경 - 나는> 을 :: 사용 내 사이트 중 하나에있는 텍스트 영역에 resizer 스타일.

(쉽게 거기에 코멘트 섹션에서 읽을 수 있습니다.) 사용할 수있는 기능에

+0

자세한 내용은 http://css-tricks.com/custom-scrollbars-in-webkit/ ...에있다 그 이 항목 중 일부는 Chrome에서도 작동하지만 마일리지가 다를 수 있습니다. –

+0

아주 늦게까지 편집 내용을 보지 못했습니다. 죄송합니다. 이것은 존재하는 것처럼 보이지만 아직은 아닙니다. 나는 그때 받아 들여야 할 것 같아. 감사! – Joeytje50

관련 문제