ext textarea怎么去掉边框？？？

想要去掉textarea的border，发现它引用的cls如下：[code="java"]textarea.x-form-field{padding:2px 2px;vertical-align:middle;background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}[/code]
自己重新写了一个cls：[code="java"].x-textfield{
padding:2px 2px;
vertical-align:middle;
background:url() repeat-x scroll 0 0 #FFFFFF;
border:0;
}[/code]，可以去掉textfield的边框和背景，但是对textarea没有反应。又写了一个：[code="java"].x-textarea{
padding:2px 2px;
vertical-align:middle;
background:#fff url() repeat-x 0 0;
border:0;

overflow-x:"visible";
overflow-y:"visible";
}[/code]这个可以去掉滚动条，但是border和background没有反应。哪位老大给指点一下该怎么写。如果这样写，倒是可以实现，但是就把原来的覆盖了，所有的textarea都给改变了不太好：[code="java"]textarea.x-form-field{
padding:2px 2px;
vertical-align:middle;
background:#fff url() repeat-x 0 0;
border:0;

overflow-x:"visible";
overflow-y:"visible";
}[/code]

1.不到要去改变原本很和谐的界面.

2.!important属性

[code="js"]
.x-textarea{
padding:2px 2px;
vertical-align:middle;
background:#fff url() repeat-x 0 0 !important;
border:0 !important;

overflow-x:"visible";
overflow-y:"visible";
}
[/code]