HTML5 / CSS3 - 更改调整大小控件的外观 [英] HTML5/CSS3 - Change the look of resize handles

问题描述

我不想完全关闭调整大小，但textareas上的调整大小控点不适合页面样式的其余部分。有没有办法我可以改变它的外观，也许用我自己的形象来代替它？对于不支持HTML5的浏览器，不必向后兼容。

I don't want to turn off resizing completely, but the resize handles on textareas don't fit with the rest of the page style. Is there a way I can change how it looks, perhaps replacing it with an image of my own? There doesn't have to be backward compatibility for browsers that don't support HTML5.

推荐答案

这是一个艰难的问题。没有办法定制这种具体的控制。即使你在webkit下强制使用不同的外观，你仍然会得到该调整大小的句柄：

This is a tough one. There is no way of styling this specific control. Even if you force a different appearance under webkit you still get the damn resize handle:

http://jsfiddle.net/qw73n/

然而，您可以解决它，并在左下角放置一个背景图片角：

You can, however, work around it and place a background image in the bottom left corner:

http://jsfiddle.net/q5kdr/

但是处理程序仍会出现在它的顶部。

But the handler will still appear on top of it.

恐怕只有替代方法是使用jQuery UI resizable：

I'm afraid the only alternative is using jQuery UI resizable:

http：// jqueryui.com/demos/resizable/

这篇关于HTML5 / CSS3 - 更改调整大小控件的外观的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！