Question

这是泡菜。要调整html中的复选框大小，通常建议您使用js强制浏览器调整元素的大小。

但是，在我们的例子中，我们使用wkhtmltopdf（一个利用webkit创建html输出然后转换为PDF的命令行转换器），据我所知，它不执行js。

在这种情况下，我们仍然需要缩小一些复选框和单选按钮（实际上，'某些'是错误的 - 很多都是错误的！）

这样做的可行方法是什么？如果有多个，最好的做法是什么？

Answer 1

您是否尝试过设置打印样式表以查看它是否会影响输出？

@media print { /* css code */ }

Answer 2

您是否尝试使用CSS更改其大小？这在基于webkit的浏览器Chrome中运行良好。

input.big{
  height: 2em;
  width: 2em;
}

input.small{
  height: 0.5em;
  width: 0.5em;    
}

<input type="checkbox" id="small" class="small"/><label for="small">Small</label>
<input type="checkbox" id="big" class="big"/><label for="big">Big</label>

http://jsfiddle.net/Q8AzW/

Answer 3

我知道这是一个非常古老的线程，但我遇到了同样的问题，并没有在任何地方找到合适的答案，所以我想帮助其他有类似问题的人。我正在处理由mdpf生成的pdf中的复选框大小。唯一有效的是font-size。尝试类似：

<input type='checkbox' style='font-size: 20pt;'>

希望这有助于某人。

调整html复选框的大小以获得pdf输出

3 个答案: