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

发布于 2024-12-10 08:36:54 字数 521 浏览 0 评论 0原文

我用过<文本区域> tag ,它在 IE 和 firefox 上工作正常,但在 safari 和 chrome 上则不然,当用户关注 << 时文本区域>标签,Chrome 用黄色突出显示了该框,在参考了之前的一些帖子后,我发现了这些

 style="outline:none" 

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

http://d3pr5r64n04s3o.cloudfront.net/tuts/195_bootstrap/tut/input_textarea.png 请参阅这些链接以了解图像的外观,我想要右下角的chrome 和 safari 中的线条消失了,我该怎么做?

I have used < textarea > tag , it was working fine with IE and firefox but not with safari and chrome, when user gets focus on < textarea > tag, Chrome highlights the box with yellow color, after reffering some previous posts I found these

 style="outline:none" 

Then it removed the yellow color highliting to the text box but still to the right bottom corner of the text box i see diagonally passed three lines , they look so small , this is so frustrating , How do i make them disapper

http://d3pr5r64n04s3o.cloudfront.net/tuts/195_bootstrap/tut/input_textarea.png see these link for the image how it looks like, I want that right bottom corened lines to disappear in chrome and safari, how do i do that?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

少女净妖师 2024-12-17 08:36:54

Webkit 浏览器 (Chrome/Safari) 现在默认支持某些元素(如文本区域)的调整大小属性。要消除右下角的滚花,您应该

resize: none;

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

Webkit browsers (Chrome/Safari) now support the resize property by default on some elements like textarea. To get rid of the knurling on the bottom-right corner, you should add:

resize: none;

in your CSS style. This will also disable users' ability to resize the textarea.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文