1

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

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

在这种情况下，我们仍然需要缩小一些复选框和单选按钮（实际上，'some' 是错误的——一大堆！）

这样做的可能方法是什么，如果有多个，最佳实践是什么？

4

3 回答 3

1

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

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

希望这可以帮助某人。

于 2017-05-05T17:31:59.900 回答
0

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

@media print { /* css code */ }
于 2013-01-22T18:02:28.137 回答
0

您是否尝试过使用 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/

于 2013-01-22T18:15:19.947 回答