css 调整html复选框的大小以进行pdf输出

ddrv8njm  于 2023-11-19  发布在  其他
关注(0)|答案(4)|浏览(162)

这里有一个难题,要在html中调整复选框的大小,通常建议你使用js来强制浏览器调整元素的大小。
然而,在我们的例子中,我们使用wkhtmltopdf(一个命令行转换器,利用webkit创建html输出,然后转换为PDF),据我所知,它不执行js。
在这种情况下,我们仍然需要缩小一些复选框和单选按钮(实际上,'some'是错误的--很多!)
什么是可能的方法来做到这一点,如果有一个以上,最佳做法?

ioekq8ef

ioekq8ef1#

我知道这是一个很老的线程,但我有同样的问题,并没有找到一个适当的答案,所以我想帮助其他人有类似的问题.我正在处理由mdpf生成的PDF中的复选框的大小.唯一起作用的是字体大小.尝试类似的东西:

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

字符串
希望这对某人有帮助。

dzjeubhm

dzjeubhm2#

你有没有试过设置一个打印样式表,看看它是否会影响输出?

@media print { /* css code */ }

字符串

qyyhg6bp

qyyhg6bp3#

你试过用CSS来改变它们的大小吗?这在Chrome中很好用,这是一个基于Webkit的浏览器。

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/

zzzyeukh

zzzyeukh4#

样式pt更改为font-size对我的输出不起作用。但有一个PDF属性“transform”起作用。您也可以使用小数点。1.5效果最好,而2使单选按钮或复选框太大。

$"<input style=\"transform: scale(1.5);\" type=\"checkbox\" id=\"{q.Id}\" data-pdf-form-field=\"true\" name=\"foobar\" {check}>"

字符串

相关问题