ckeditor编辑器的CSS被ext4的css“污染”，造成选择框变型，求好的解决方案

没导入ext4css时，正常图片如下：
在ext4中，不正常图片如下：
由于是css被外部所污染，所以，去改ckeditor的css貌似不好吧
我的想法时，怎么阻止被ext4的样式影响呢?
这样，各自独立，互不影响最好，各位大虾怎么认为?有没什么好的解决方法呢?

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

用iframe打开此页面。应该就不存在了。
将ext的css放在ckeditor 的js文件前面试试，看ckeditor的输出css是否能覆盖ext定义的样式，不能说明ext定义的样式类级别高于ckeditor的，这个就只能靠另外定义一个css来提高ckeditor样式的级别了。。不过建议不要这样，要是ckeditor的样式覆盖了ext的就更加麻烦了
按你说的方法做，依然无效，ckeditor为最新的3.6.5版，代码如下：<!DOCTYPE html><html>
  <head>
     <link rel="stylesheet" type="text/css" href="/ext4.1.1/resources/css/ext-all.css"/>
     <script type="text/javascript" src="/ext4.1.1/ext-all.js"></script>
     <link rel="stylesheet" type="text/css" href="/ckeditor/skins/v2/editor.css"/>
     <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
     <script type="text/javascript" src="ckfinder/ckfinder.js"></script>       <script type="text/javascript">

    Ext.onReady( function (){
     Ext.WindowManager.setBase(9999);
var win = Ext.create("Ext.window.Window",{
      title: "测试窗体",
      layout: "fit",
      border: false,
      width: 600,
      height: 500,
      plain: true,
      items:[
      {
          xtype: "textarea",
    name: "content"
      }
      ],
    listeners:{
        show: function(component, options){

   CKEDITOR.replace('content');

  }
}
});

win.show();

});
    </script>
  </head>
  <body>
  </body>
</html>大侠，晚上不忙的话，帮忙测试下你机子上有没这个问题啊，话说，有不少人用ext与ckeditor结合啊，我怎么都没看到有人问这个问题呢?难道我是特例?应该不会吧。
用了工具看了下两者的css对比，实在是太多了啊，也看不出什么名堂来，用得不熟，哎。
是在ext中应用ckeditor的，直接强出ext的窗体加载ckeditor，怎么用iframe中打开呢?
上面已贴代码，要不，你帮忙看下，怎么加iframe吧，谢了
再补充下，上面代码中的：
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>
这个可以不用加，删掉就好，这是上传文件用，跟本题css没关系,免得受干拢
kama皮肤没问题，v2 下拉框被ext css影响到。。firebug看了下样式视乎没有覆盖，不知道哪里出问题了参考了下kama皮肤，高度是21，给页面增加一个控制高度的就行了。。唉。。.cke_skin_v2 .cke_rcombo span.cke_text {height:21px;}
哎，又麻烦大侠了啊，再次谢了。
加上这个可以解决问题啦，只能说v2皮肤里边肯定也是有bug的啦，不浪费时间了，就此打住，结了。