How to set Textbox with only bottom border in MPDF

enter image description here It works in html form but when we execute with mpdf library (pdf generator) then css will not work.

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

edited Nov 21 '18 at 5:23

asked Nov 21 '18 at 5:12

TheMask

518

Show us what you have tried.

– Yogendrasinh
Nov 21 '18 at 5:21

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

– TheMask
Nov 21 '18 at 5:23

Try border:none; if it works for you.

– Yogendrasinh
Nov 21 '18 at 5:31

No i have already tried it

– TheMask
Nov 21 '18 at 5:31

add a comment |

enter image description here It works in html form but when we execute with mpdf library (pdf generator) then css will not work.

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

edited Nov 21 '18 at 5:23

asked Nov 21 '18 at 5:12

TheMask

518

Show us what you have tried.

– Yogendrasinh
Nov 21 '18 at 5:21

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

– TheMask
Nov 21 '18 at 5:23

Try border:none; if it works for you.

– Yogendrasinh
Nov 21 '18 at 5:31

No i have already tried it

– TheMask
Nov 21 '18 at 5:31

add a comment |

enter image description here It works in html form but when we execute with mpdf library (pdf generator) then css will not work.

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

edited Nov 21 '18 at 5:23

asked Nov 21 '18 at 5:12

TheMask

518

enter image description here It works in html form but when we execute with mpdf library (pdf generator) then css will not work.

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

php html mpdf

edited Nov 21 '18 at 5:23

asked Nov 21 '18 at 5:12

TheMask

518

edited Nov 21 '18 at 5:23

asked Nov 21 '18 at 5:12

TheMask

518

edited Nov 21 '18 at 5:23

asked Nov 21 '18 at 5:12

TheMask

518

asked Nov 21 '18 at 5:12

TheMask

518

asked Nov 21 '18 at 5:12

TheMask

518

Show us what you have tried.

– Yogendrasinh
Nov 21 '18 at 5:21

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

– TheMask
Nov 21 '18 at 5:23

Try border:none; if it works for you.

– Yogendrasinh
Nov 21 '18 at 5:31

No i have already tried it

– TheMask
Nov 21 '18 at 5:31

add a comment |

Show us what you have tried.

– Yogendrasinh
Nov 21 '18 at 5:21

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

– TheMask
Nov 21 '18 at 5:23

Try border:none; if it works for you.

– Yogendrasinh
Nov 21 '18 at 5:31

No i have already tried it

– TheMask
Nov 21 '18 at 5:31

Show us what you have tried.

– Yogendrasinh
Nov 21 '18 at 5:21

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

– TheMask
Nov 21 '18 at 5:23

Try border:none; if it works for you.

– Yogendrasinh
Nov 21 '18 at 5:31

No i have already tried it

– TheMask
Nov 21 '18 at 5:31

add a comment |

1 Answer
1

active

oldest

votes

Only border color for entire border is supported for input elements in mPDF.

You could try setting the border to paper color (white) and set the border to surrounding div. Note that this only works when using active forms.

$mpdf = new MpdfMpdf([

    '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>');

See https://mpdf.github.io/css-stylesheets/supported-css.html (search on page for (type=PASSWORD| TEXT)).

answered Nov 21 '18 at 10:00

Finwe

2,88921827

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53405611%2fhow-to-set-textbox-with-only-bottom-border-in-mpdf%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

Only border color for entire border is supported for input elements in mPDF.

You could try setting the border to paper color (white) and set the border to surrounding div. Note that this only works when using active forms.

$mpdf = new MpdfMpdf([

    '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>');

See https://mpdf.github.io/css-stylesheets/supported-css.html (search on page for (type=PASSWORD| TEXT)).

answered Nov 21 '18 at 10:00

Finwe

2,88921827

add a comment |

Only border color for entire border is supported for input elements in mPDF.

You could try setting the border to paper color (white) and set the border to surrounding div. Note that this only works when using active forms.

$mpdf = new MpdfMpdf([

    '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>');

See https://mpdf.github.io/css-stylesheets/supported-css.html (search on page for (type=PASSWORD| TEXT)).

answered Nov 21 '18 at 10:00

Finwe

2,88921827

add a comment |

Only border color for entire border is supported for input elements in mPDF.

You could try setting the border to paper color (white) and set the border to surrounding div. Note that this only works when using active forms.

$mpdf = new MpdfMpdf([

    '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>');

See https://mpdf.github.io/css-stylesheets/supported-css.html (search on page for (type=PASSWORD| TEXT)).

answered Nov 21 '18 at 10:00

Finwe

2,88921827

Only border color for entire border is supported for input elements in mPDF.

You could try setting the border to paper color (white) and set the border to surrounding div. Note that this only works when using active forms.

$mpdf = new MpdfMpdf([

    '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>');

See https://mpdf.github.io/css-stylesheets/supported-css.html (search on page for (type=PASSWORD| TEXT)).

answered Nov 21 '18 at 10:00

Finwe

2,88921827

answered Nov 21 '18 at 10:00

Finwe

2,88921827

answered Nov 21 '18 at 10:00

Finwe

2,88921827

answered Nov 21 '18 at 10:00

Finwe

2,88921827

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu