努力以 orbeon 形式设置字段样式

Question

我对 Orbeon 和 Xforms 还很陌生，对 CSS 有点生疏...

我正在尝试减小 orbeon 上的输入字段（即框）的大小。通过添加以下内容，我已经获得了 control 和 style.css 之间的链接：

<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>

当我运行表单时，字段大小并没有改变，而是通过检查代码并改变 width:25px;着色：红色；它使文本变红，所以我知道它在某种程度上是有效的，我只是无法改变框的大小！

Answer 1

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