ie6,ie7,firefox的textarea滚动条、边框

针对IE6、IE7和Firefox浏览器中TextArea滚动条和边框样式的问题，我们可以通过CSS来进行样式的设置和处理。

IE6、IE7浏览器中TextArea滚动条和边框样式的设置方法

在IE6、IE7浏览器中，TextArea默认的滚动条和边框样式是比较简单的，一般不太符合我们的需求。我们可以使用CSS来设置相关的样式。

设置滚动条样式

针对IE6、IE7浏览器中的TextArea滚动条样式的设置，我们可以使用CSS的ScrollBar相关属性进行设置。

示例代码：

textarea {
    scrollbar-3dlight-color: #FF0000; /* 滚动条浅色区域颜色 */
    scrollbar-arrow-color: #FFFFFF; /* 滚动条箭头颜色 */
    scrollbar-base-color: #CCCCCC; /* 滚动条颜色 */
    scrollbar-darkshadow-color: #000000; /* 滚动条边框阴影颜色 */
    scrollbar-face-color: #FFFFFF; /* 滚动条背景颜色 */
    scrollbar-shadow-color:#999999; /* 滚动条边框浅色区域颜色 */
}

设置边框样式

针对IE6、IE7浏览器中的TextArea边框样式的设置，我们可以使用CSS的Border属性进行设置。

示例代码：

textarea {
   border: 1px solid #000000; /* 设置1像素的黑色边框 */
}

Firefox浏览器中TextArea滚动条和边框样式的设置方法

在Firefox浏览器中，TextArea默认的滚动条和边框样式也是比较简单的，一般不太符合我们的需求。我们同样可以使用CSS来设置相关的样式。

设置滚动条样式

针对Firefox浏览器中的TextArea滚动条样式的设置，我们可以使用CSS的Scrollbar相关属性进行设置。

示例代码：

textarea {
    scrollbar-color: #CCCCCC #FFFFFF; /* 设置滚动条颜色 */
}

设置边框样式

针对Firefox浏览器中的TextArea边框样式的设置，我们同样可以使用CSS的Border属性进行设置。

示例代码：

textarea {
   border: 1px solid #000000; /* 设置1像素的黑色边框 */
}

需要注意的是，在Firefox浏览器中，我们还可以使用-moz-appearance属性来控制TextArea的样式。

示例代码：

textarea {
   -moz-appearance: none; /* 取消默认样式 */
   border: 1px solid #000000; /* 设置1像素的黑色边框 */
}

综上所述，我们可以通过CSS来控制TextArea在不同浏览器中的滚动条和边框样式，从而满足不同需求的设计。