如何在MPDF中设置仅具有底部边框的文本框

Question

它以html形式工作，但是当我们使用mpdf库（pdf生成器）执行时，css将无法工作。

<input type="text" style="border:0px;border-bottom: 1px solid #000;" name="inputname" value="" title="Enter your name" />

Answer 1

mPDF中的输入元素仅支持整个边框的边框颜色。

您可以尝试将边框设置为纸张颜色（白色），并将边框设置为周围的div。请注意，这仅在使用active forms时有效。

$mpdf = new \Mpdf\Mpdf([
    'useActiveForms' => true,
]);

$mpdf->WriteHTML('<form><div style="border-bottom: 1px solid black;">
    <input type="text" style="border-color: white;" name="inputname" value="" title="Enter your name" />
</div></form>');

请参见https://mpdf.github.io/css-stylesheets/supported-css.html（在页面上搜索(type=PASSWORD| TEXT)）。