是否可以自定义文本框的形状？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了是否可以自定义文本框的形状？相关的知识，希望对你有一定的参考价值。
我想知道是否可以改变文本框的形状，所以它将是一个矩形，但它的开头是“取出”？我附上了一个示例图片。
我在css中发现了clip-path：polygon，但它只接受四个坐标。
提前致谢！
答案
检查以下代码，看看这是否是您想要的：
.field {
position: relative;
margin-bottom: 20px;
}
.field label {
position: absolute;
min-width: 100px;
border: 1px solid;
border-top-color: #fff;
border-left-color: #fff;
}
.field input[type="text"] {
padding: 10px 10px 10px 110px;
border: 1px solid;
outline: none;
}<div class="field">
<label for="status">Status</label>
<input type="text" id="status">
</div>
<div class="field">
<label for="givenname">Given Name</label>
<input type="text" id="givenname">
</div>
<div class="field">
<label for="surname">SurName</label>
<input type="text" id="surname">
</div>以上是关于是否可以自定义文本框的形状？的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Toad for Oracle 中使用自定义代码片段？