删除 google chrome 和 safari 中文本框的默认设置
我用过<文本区域> tag ,它在 IE 和 firefox 上工作正常,但在 safari 和 chrome 上则不然,当用户关注 << 时文本区域>标签,Chrome 用黄色突出显示了该框,在参考了之前的一些帖子后,我发现了这些
style="outline:none"
然后它删除了文本框的黄色突出显示,但仍然在文本框的右下角,我看到对角线通过了三行,它们看起来如此小,这太令人沮丧了,我该如何让它们消失
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
Webkit 浏览器 (Chrome/Safari) 现在默认支持某些元素(如文本区域)的调整大小属性。要消除右下角的滚花,您应该
在 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:
in your CSS style. This will also disable users' ability to resize the textarea.