【问题标题】:Textarea width in Chrome not being applied properlyChrome 中的文本区域宽度未正确应用
【发布时间】:2011-06-03 02:47:15
【问题描述】:

页脚中的联系人框、文本区域和输入框位于 310 像素宽的 div 中。

http://www.bantros.net

它们被设置为 308px 宽和 1px 边框。在 IE9、Firefox 和 Opera 中,所有内容的宽度都相同,但在 Chrome(我的默认浏览器)中,除非宽度设置为 304px,否则文本区域会溢出。

使用 Inspect Element 我可以将其报告为 314px 宽,但我不太确定它为什么会这样做。任何信息或帮助将不胜感激,谢谢

【问题讨论】:

    标签: google-chrome textarea width


    【解决方案1】:

    有一个浏览器应用padding: 2px。申请padding: 0。

    .form1 textarea, .form1 input {
        padding: 0;
    }
    

    这类问题可以使用CSS reset 解决,顺便说一句。

    【讨论】:

    • 非常感谢,真是烦死我了。
    【解决方案2】:

    我可以看到一件事,我相信这是问题的根源:在textarea 中,chrome 为左右放置了 2px 的填充。在input chrome 中,左右两边都设置了 0px 的内边距。

    如果你覆盖它应该没问题。

    【讨论】:

    • 谢谢,我完全错过了
    猜你喜欢
    • 2011-05-18
    • 1970-01-01
    • 2015-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-19
    • 2014-09-19
    相关资源
    最近更新 更多