这里有一个难题,要在html中调整复选框的大小,通常建议你使用js来强制浏览器调整元素的大小。然而,在我们的例子中,我们使用wkhtmltopdf(一个命令行转换器,利用webkit创建html输出,然后转换为PDF),据我所知,它不执行js。在这种情况下,我们仍然需要缩小一些复选框和单选按钮(实际上,'some'是错误的--很多!)什么是可能的方法来做到这一点,如果有一个以上,最佳做法?
ioekq8ef1#
我知道这是一个很老的线程,但我有同样的问题,并没有找到一个适当的答案,所以我想帮助其他人有类似的问题.我正在处理由mdpf生成的PDF中的复选框的大小.唯一起作用的是字体大小.尝试类似的东西:
<input type='checkbox' style='font-size: 20pt;'>
字符串希望这对某人有帮助。
dzjeubhm2#
你有没有试过设置一个打印样式表,看看它是否会影响输出?
@media print { /* css code */ }
字符串
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/
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}>"
4条答案
按热度按时间ioekq8ef1#
我知道这是一个很老的线程,但我有同样的问题,并没有找到一个适当的答案,所以我想帮助其他人有类似的问题.我正在处理由mdpf生成的PDF中的复选框的大小.唯一起作用的是字体大小.尝试类似的东西:
字符串
希望这对某人有帮助。
dzjeubhm2#
你有没有试过设置一个打印样式表,看看它是否会影响输出?
字符串
qyyhg6bp3#
你试过用CSS来改变它们的大小吗?这在Chrome中很好用,这是一个基于Webkit的浏览器。
字符串
http://jsfiddle.net/Q8AzW/
zzzyeukh4#
样式pt更改为font-size对我的输出不起作用。但有一个PDF属性“transform”起作用。您也可以使用小数点。1.5效果最好,而2使单选按钮或复选框太大。
字符串