使拉力赛按钮和拉力组合框内联

Question

我想用拉力赛组件做基本的CSS。目前我正在努力让xtype'rallybutton'与xtype'rallyiterationcombobox'内联。我正在使用CSS文件成功更新/更改我手动设置的类名称的应用程序的其他部分，但拉力赛组件上的预设类似乎不能用我的css文件进行编辑。我使用Chrome的调试器在每个组件上查找类名称 - 拉力按钮有多个类名，具体取决于您在html中看到的位置：x-btn或x-btn-inner，rallyiterationcombobox具有以下这些：x- form-text，x-form-trigger-wrap，x-form-item-body和其他几个。

我试图用一个CSS功能，看起来像这样：

.[buttonClass], .[comboboxClass] { 
    display: inline; 
} 

与参照按钮，组合框类名称的不同组合。 [当我把类名放入时，我删除括号]。任何帮助将表示赞赏，表明我要去哪里错了！

Answer 1

事实证明，我使用的两个组件，rallyiterationcombobox和rallybutton，被放在我的应用程序中的两个不同的容器中。 Ext在幕后尝试将每个组件放置在页面自己的部分中，所以试图将它们放在一起是造成问题的原因。为了解决这个问题，我们把两个组件放在同一个容器中并从那里格式化。内部的每个组件定义，我们使用下面的代码

cls: 'className' 

创建一个名为“的className”类然后可以在CSS文件中提及。内的CSS文件中，我们使用的代码

.className1 { 
    float: left; 
    display: inline; 
} 
.className2 { 
    float: left; 
    display: inline; 
    margin-left: 10px; 
} 

设置每个组件中的同一行[水平]，其中两种组分上的应用程序的左侧和组分与“className2” 10个像素对准的右具有'className1'的组件。