Question

我想显示水平而非垂直的复选框和单选按钮（旁注：是否有计划通过控件本身的属性设置添加此对齐选项？）。为此，我创建了一个额外的CSS文件，该文件适用于表单的html版本。

它过去常常用PDF工作，但升级到4.6.2后不再是这种情况了。

对于测试，我创建了一个隐藏标签的@media打印部分。在Chrome中更改媒体类型以进行打印时，将执行该部分并隐藏整个复选框。创建PDF时，标签会被隐藏，但复选框保持可见（与对齐相同;它们始终保持垂直）。

通过它的外观我有正确的CSS选择器（在HTML中工作，部分在PDF中）但是收音机和复选框是什么？他们没有考虑我所做的改变。

Answer 1

覆盖整个css选择器：

.orbeon .fr-mode-view .xforms-select-appearance-full.xforms-static .xforms-selected   ,
.orbeon .fr-mode-pdf .xforms-select-appearance-full.xforms-static .xforms-selected  ,
.orbeon .fr-mode-email .xforms-select-appearance-full.xforms-static .xforms-selected  ,
.orbeon .fr-mode-view .xforms-select1-appearance-full.xforms-static .xforms-selected  ,
.orbeon .fr-mode-pdf .xforms-select1-appearance-full.xforms-static .xforms-selected  ,
.orbeon .fr-mode-email .xforms-select1-appearance-full.xforms-static .xforms-selected  ,
.orbeon .fr-mode-view .xforms-input.xforms-type-boolean.xforms-static .xforms-selected  ,
.orbeon .fr-mode-pdf .xforms-input.xforms-type-boolean.xforms-static .xforms-selected  ,
.orbeon .fr-mode-email .xforms-input.xforms-type-boolean.xforms-static .xforms-selected  {
    background-image: url("images/glyphicons/checkbox-selected-hd.png");
    display: inline-block;  white-space: nowrap;
}

带自定义CSS的Orbeon PDF

1 个答案: