okbaozhen
2010-06-24 10:37
浏览 478

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条回答 默认 最新

  • zhoujuan520 2010-06-24 13:25
    已采纳

    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]

    打赏 评论

相关推荐 更多相似问题