开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在IE和Firefox中使textarea具有相同的宽度？

在IE和Firefox中使textarea具有相同的宽度，可以通过CSS样式来实现。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head><style>
  textarea {
    width: 300px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
</style>
</head>
<body>
 <textarea></textarea>
</body>
</html>

在这个示例中，我们为textarea元素设置了width属性，并将box-sizing设置为border-box，以确保边框和内边距不会增加textarea的宽度。同时，我们还使用了-webkit-appearance和-moz-appearance属性来确保在不同浏览器中的一致性。

这样，无论是在IE还是Firefox中，textarea的宽度都将相同。

相关搜索:Bootstrap:如何在移动视图中使按钮与文本框的宽度相同？CSS使子兄弟在100%宽度的父级中具有相同的宽度和高度(正方形)CSS调整多个图像的大小，使其具有自定义宽度和相同的纵横比 iText 7使用具有最小宽度和最大宽度功能的相同样式表生成具有两种页面大小的报表为什么Chrome,Firefox和IE都以不同方式呈现固定宽度的SELECT控件？为什么IE和Firefox以不同的方式呈现相同的图像,我该如何防止它？具有相同宽度和高度的产品盒，而不考虑图像的大小在FireFox webextension中使用相同的页面(和JS)作为背景和弹出窗口，无需重新加载在IE6/7和Firefox上获得相同显示的最佳工具或技术是什么？如何从具有相同onchange功能的多个TextArea material ui中获取标签和值？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Normalize.css ——CSS Reset的友好替代品

最近才第一次接触这个Normalize.css，之前Jeff 都是采用CSS Reset的，但如今发现现在流行这个Normalize.css 了。自己也查阅了不少资料去了解，现在权当是笔记放在这里吧。 Normalize.css 简介官方网站：http://necolas.github.io/normalize.css/ 浏览器支持情况：Chrome, Firefox, Opera, Safari 6+, IE 8+ Normalize.css 是一个可以定制的CSS文件，它让不同的浏览器在渲染网页元素的

09

JS-元素大小深入学习-offset、client、scroll等学习研究笔记

一些属性和方法，在dom中没有规定如何确定页面中元素大小的情况下诞生。。。 1.偏移量（offset dimension）测试代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>offset偏移量学习</title> 6 <meta name="author" content="郭菊锋/702004176@qq.com"/> 7

08

当CSS遇上表单控件

简单翻译下：CSS 2.1没有定义哪些属性适用于表单控件和frame，以及怎样用CSS给他们设置样式，用户代理可能会给这些元素应用CSS属性，建议编写者把此类支持当做实验性的，CSS后续版本可能会进一步指定这些

03

前端学习笔记之CSS属性设置 CSS属性设置

一字体属性 1、font-weight：文字粗细取值描述 normal 默认值，标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细，400等同于normal，而700等同于bold inherit 继承父元素字体的粗细值 2、font-style：文字风格 normal 正常，默认就是正常的 italic 倾斜 3、font-size：文字大小 fs：一般是12px或13px或14px 注意： 1、通过font-size设置文字大小一定要带单位

03

移动端页面开发遇到的一些问题

5、当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对 ios 的 safari

02

”盒模型“之如何防止边框和内边距把元素撑开

在我们讨论宽度的时候，我们应该讲下与它相关的一个重点知识：盒模型。当你设置了元素的宽度，实际展现的元素却能够超出你的设置：因为元素的边框和内边距会撑开元素。看下面的例子，两个相同宽度的元素显示的实际宽度却不一样。 .simple { width: 500px; margin: 20px auto; } .fancy { width: 500px; margin: 20px auto; padding: 50px; border-width: 10px; } <div class="

06

JavaScript与jQuery获取元素的宽、高和位置

今天汇总整理了 JavaScript 和 jQuery 获取元素宽高和位置的方法，比较全面，方便自己和需要并搜到此文章的朋友们查看。

00

css3的一些新属性总结

box-sizing规定了盒子的计算方式，常用于消除hover时，盒子之间的影响，有三个属性：

01

CSS日常踩坑后的总结（猜测你也会遇到的，持续更新。。。）

可以用left:50%加上margin-left:-(宽度/2)，来实现绝对定位的水平居中，这里的宽度指的是设置为绝对定位的元素的宽度

03

【前端】：margin

目录 1. margin 特性总结 2. 几道笔试题 1. margin 特性总结 1.1. 横向格式化横向格式化属性有 7 个，分别为 margin-left、border-left、padding-left、width、padding-right、border-right、margin-right。这 7 个属性的值加在一起要等于元素容纳块的宽度。这 7 个属性中，只有 margin-left、width、margin-right 能设置为 auto。 [3个auto] 如果 margin-le

01

界面设计技法之布局

css布局之于页面就如同ECMAScript之于JS一般，细想一番，html就如同语文，css就如同数学，js呢，就是物理，有些扯远，这里就先不展开了。回到主题，从最开始的css到如今的sass(less),开发的效率确实变得越来越高效，但是可能有时候我们还是会对页面布局产生烦恼的情绪，比如:"咦？我想让它显示在这个部位，它一点都不听话啊"。很大原因在于我们可能没对css布局这块做一个系统的梳理~，偶然间发现了Learn CSS Layout，在此分享给大家，希望和大家共同提高，另外安利给大家一个如何写出更加优雅的html&&css代码的文章，使劲戳我!

01

css3 box-sizing属性

定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。默认值： content-box 继承性： no 版本： CSS3 JavaScript 语法： object.style.boxSizing="border-box" box-sizing：content-box | border-box 默认值

06

CSS盒子模型

前言盒子模型（box model）是css中的一个重要概念，它是元素大小的呈现方式 every element in web design is a rectangular box 正文下面

03

总结 | 移动端 CSS 常用小结

移动端页面添加 meta 标签，可以让文档的宽度与设备的宽度保持1:1，文档的最大宽度比例是1.0，不允许用户点击屏幕放大浏览。

03

CSS核心概念之盒子模型

当对一个文档进行布局的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子。所有 HTML 元素可以看作盒子，在 CSS 中，Box Model 这一术语是用来设计和布局时使用。

01

HTML5+CSS3

CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。

02

HTML/CSS,说点你可能不知道的技巧

编写插件需要使用图片资源又不适合直接引入时使用base64图片编码进css或js插件

01

css-height

一个div块级元素没有为其设置宽度和高度，浏览器会为其分配可使用的最大宽度(比如全屏宽度)，但是不负责分配高度，块级元素的高度是由子元素堆砌撑起来的。那么，html和body标签的高度也都是由子级元素堆砌撑起来的。

02

网页布局基础

1、CSS的三种定位机制 CSS 规定的定位机制有三种，分别是：标准文档流（Normal flow）：特点：从上到下，从左到右，输出文档内容。由块级元素（块级元素特点：从左到右撑满页面，独占一行，触碰到页面边缘时，会自动换行）和行级元素（块级元素特点：在同一行内显示，不会改变HTML文档结构）组成。浮动（Floats）绝对定位（Absolute positioning）言下之意就是网页布局和元素的定位都离不开这三种机制。 2、什么是W3C标准 W3C标准，是由万维网联盟制定的一系列标准，

02

前端课程——盒子模型

盒子模型又称为框模型，HTML页面所有的元素都具有盒子模型，该模型用于设计HTML页面和实现HTML页面布局。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭