删除 google chrome 和 safari 中文本框的默认设置

Question

我使用了 标签，它在 IE 和 firefox 上运行良好，但不适用于 safari 和 chrome，当用户关注 <textarea> 标签时，Chrome 用黄色突出显示框，在引用了一些以前的帖子后我找到了这些

 style="outline:none" 

然后它删除了文本框的黄色突出显示，但仍然在文本框的右下角，我看到对角线通过了三行，它们看起来太小了，这太令人沮丧了，我如何让它们消失

p>

http://d3pr5r64n04s3o.cloudfront.net/tuts/195_bootstrap/tut/input_textarea.png 查看这些链接以了解图像的外观，我希望右下角的核心线在 chrome 和 safari 中消失，我该怎么做？

Answer 1

Webkit 浏览器 (Chrome/Safari) 现在默认支持某些元素（如 textarea）的 resize 属性。要消除右下角的滚花，您应该添加：

resize: none;

在您的 CSS 样式中。这也将禁用用户调整文本区域大小的能力。