Tôi không muốn tắt hoàn toàn thay đổi, nhưng các nút điều chỉnh kích thước trên textareas không phù hợp với phần còn lại của kiểu trang. Có cách nào tôi có thể thay đổi cách nó trông, có lẽ thay thế nó bằng một hình ảnh của riêng tôi? Không cần phải tương thích ngược đối với các trình duyệt không hỗ trợ HTML5.HTML5/CSS3 - Thay đổi giao diện điều khiển đổi kích thước
Trả lời
Đây là một điều khó khăn. Không có cách nào tạo kiểu điều khiển cụ thể này. Thậm chí nếu bạn buộc một diện mạo khác nhau dưới webkit bạn vẫn nhận được thay đổi kích thước tay cầm chết tiệt:
Bạn có thể, tuy nhiên, công việc xung quanh nó và đặt một hình nền ở góc dưới bên trái:
Nhưng trình xử lý vẫn xuất hiện trên đầu trang.
Tôi sợ sự lựa chọn duy nhất là sử dụng jQuery UI thay đổi kích thước:
Tôi làm điều này bằng cách gói textarea trong một DIV, sau đó đặt một :: sau phần tử trong div rằng trong đó có chứa một biểu tượng và có cùng màu nền như vùng văn bản.
Điều quan trọng là cung cấp cho :: sau phần tử "pointer-events: none;" bởi vì nếu không người dùng không thể nhấp qua nó. Tính năng này hoạt động trên tất cả các trình duyệt hiện đại (http://caniuse.com/#feat=pointer-events).
.textarea_wrapper::after {
pointer-events: none;
content: "↓";
font-size: 14px;
position: absolute;
height: 22px;
width: 20px;
text-align: center;
bottom: 2px;
right: -2px;
background-color: #efefef;
color: #777;
}
Đây là một fiddle: http://jsfiddle.net/herrfischerhamburg/59wy0ttj/7/
Làm điều đó như thế này:
Đặt một hình ảnh trên góc dưới bên phải nơi xử lý mặc định là! Vị trí tuyệt đối, v.v.
Sau đó, trên hình đặt con trỏ-sự kiện: không có gì và bạn đã hoàn tất! Nó giống như con trỏ bỏ qua hoàn toàn hình ảnh và các sự kiện đi trên chính vùng văn bản.
Chúc mừng !!
LƯU Ý: Có thể bạn phải sử dụng thay đổi kích thước: dọc theo vùng văn bản vì hành vi thay đổi từ trình duyệt đến trình duyệt !!
XEM NÀY: https://jsfiddle.net/1bsoffu3/1/a
- 1. Thay đổi kích thước điều khiển bằng biểu mẫu Thay đổi kích thước
- 2. Thay đổi kích thước Nút giao diện người dùng jQuery?
- 3. Thay đổi màu trong giao diện điều khiển eclipse java
- 4. Thay đổi kích thước của bảng điều khiển động
- 5. Thay đổi kích thước điều khiển ngày giờ android
- 6. Bảng điều khiển có thể thay đổi kích thước GWT
- 7. Thay đổi kích thước điều khiển trong MFC
- 8. thay đổi kích thước và điều chỉnh điều khiển biểu mẫu theo biểu mẫu đổi kích thước
- 9. Kích thước mặc định của Windows cho ứng dụng giao diện điều khiển
- 10. Thay đổi kích thước của Cửa sổ Bảng điều khiển sẽ ném ArgumentOutOfRangeException
- 11. Mọi kích thước bộ đệm màn hình của ứng dụng giao diện điều khiển Windows
- 12. Thay đổi kích thước webgl gl.viewport
- 13. Mẫu điều khiển nút có vòng tròn có thể thay đổi kích thước
- 14. Thay đổi kích cỡ các điều khiển Khi chạy
- 15. Kích thước phông chữ thay đổi UITextField qua Bộ dựng giao diện
- 16. Thay đổi kích thước GLKView
- 17. Auto Layout view thay đổi kích thước thất vọng khi thiết kế trong giao diện Builder
- 18. Thay đổi giao diện JSlider
- 19. Thay đổi kích thước bitmap
- 20. Thay đổi kích thước ArrayBuffer
- 21. Ghim có thể thay đổi kích thước giao diện người dùng jQuery
- 22. Animate hộp thoại giao diện người dùng jQuery tự động thay đổi kích thước
- 23. Cách làm cho hộp thoại Giao diện người dùng jQuery không thể thay đổi kích thước
- 24. UISegmentedControl - thay đổi chiều cao trong Bộ dựng giao diện
- 25. fullcalendar - thay đổi kích thước lịch trên cửa sổ thay đổi kích thước
- 26. JQUERY UI Accordion Thay đổi kích thước trên cửa sổ Thay đổi kích thước?
- 27. Thay đổi kích thước khung UIWebView không thay đổi kích thước nội dung bên trong
- 28. Tự động thay đổi kích thước hàng TableLayoutPanel khi cửa sổ được thay đổi kích thước
- 29. Cột có thể thay đổi kích thước
- 30. Thay đổi kích thước UINavigationBar khi xoay