Create Shape For TextField in JavaFX With Css
<p>I need to create this shape for <code>TextField</code> using CSS</p>

<p><a href="https://i.stack.imgur.com/KZCJN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KZCJN.png" alt="Sample Pic"></a></p>

<p>But I only managed to create the following UI:</p>

<p><a href="https://i.stack.imgur.com/KAYv4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KAYv4.png" alt="My Pic"></a></p>

<p>How can I create text field like Sample Pic?</p>