掙扎風格領域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輸入，字段標籤等等。