挣扎风格领域orbeon形式

Question

我是很新的Orbeon和XForms和我有点生疏与CSS ...

我想，以减少输入字段的大小（即盒子）在orbeon上。

<xh:style type="text/css"> 
    .short-field {width:25px;} 
</xh:style> 

然后：

<xf:input class="short-field" id="control-4-control" bind="control-4-bind"> 
    <xf:label ref="$form-resources/control-4/label"/> 
    <xf:hint ref="$form-resources/control-4/hint"/> 
    <xf:alert ref="$fr-resources/detail/labels/alert"/> 
</xf:input> 

当我运行表单，字段大小没有变化，但通过检查，我加入了控制和style.css的工作之间的联系代码和更改宽度：25px;颜色：红色;它使文本变成红色，所以我知道它在某种程度上的工作，我只是无法改变它的大小！

Answer 1

而不是.short-field {width:25px;}，请尝试.short-field input {width:25px;}。这是因为对于所有的XForms控件，在发送给浏览器的HTML标记中，都有一个包含元素，包含实际的HTML输入，字段标签等等。