gpt4 book ai didi

css - 如何在 IE 和 Firefox 中使 textarea 的宽度相同?

转载 作者:技术小花猫 更新时间:2023-10-29 11:19:19 27 4
gpt4 key购买 nike

我想要一个 500px 的文本区域,这是我用于文本区域的 CSS:

width: 498px;
padding: 0px;
margin: 0px;

我注意到 IE 和 Chrome 默认有一个 1px 边框,另一方面 FF 有一个 2px 边框,这导致文本区域为 502px 而不是 500px,有什么解决方法吗?

请注意,我可以明确指定 texarea 边框宽度,即。 border-width: 1px,但这里的问题是它不能很好地与 IE 一起工作(当边框设置为 1px 时,IE 中的默认 textarea 边框在视觉上看起来不正常),我可以更改边框颜色,但我不想这样做,我更喜欢保留默认浏览器样式,我只希望宽度在所有浏览器中都相同,而不更改默认样式或设置边框的颜色,这可能吗?

最佳答案

您可以使用文档顶部的重置 CSS 表将所有浏览器的默认样式设置为相同。我喜欢 YUI reset CSS我。这应该将所有控件的基本样式设置为在所有浏览器中都相同,并且应该允许更可预测的布局。

IMO 如果您让每个浏览器都有自己的样式(甚至可以由用户自定义!),您将在应用程序中使用不可预测的样式,并在您从未想过的地方突然出现问题将。最好使用重置 CSS,然后相应地设置应用程序的样式。如果您查看 yahoo 的网站(引用),他们也会有自己的“基础”CSS,您可以从中开始,这非常酷。

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css"> 

关于css - 如何在 IE 和 Firefox 中使 textarea 的宽度相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/395019/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com