我可以设置文本区域的大小调整抓取器的样式吗？

我的设计师刚刚给我设计了带有样式调整大小抓取器的文本区域。问题是：我可以设计它吗？

WebKit提供了伪元素::-webkit-resizer对于调整大小控件，它会自动添加到右下角textarea元素。

可以通过应用隐藏它display: none or -webkit-appearance: none:

::-webkit-resizer {
  display: none;
}

<textarea></textarea>

在 OS X 上的 Chrome 26 中显示如下：

注：添加display: none to ::-webkit-resizer实际上并没有阻止用户调整文本区域的大小，它只是隐藏了控件。如果您想禁用调整大小，请设置resizeCSS 属性为none。这也隐藏了控件，并且具有在所有支持调整文本区域大小的浏览器中工作的额外好处。

The ::-webkit-resizer伪元素还允许一些基本的样式。如果您认为调整大小控件可以使用更多的颜色，您可以添加以下内容：

::-webkit-resizer {
  border: 2px solid black;
  background: red;
  box-shadow: 0 0 5px 5px blue;
  outline: 2px solid yellow;
}

<textarea></textarea>

在 OS X 上的 Chrome 26 中显示如下：