Question

我为html表单创建了一个布局。 HTML Layout

现在发生错误时，我想在我显示的圆角部分之间填充颜色。可能吗？如果没有，那么还有其他方法可以使用 JavaScript 吗？任何形式的帮助表示赞赏。谢谢

</div>
        <form class="form">
            <input type="text" placeholder="Name" class="textbox" /> 
            <input type='text' placeholder='Employee Number'  class='textbox' />
            <input type="email" placeholder="Email Address" class="textbox" /> 
            <input type="password" placeholder="Password" class="textbox" />
            <input type="password" placeholder="Confirm Password"  class="textbox" /> 
            <input type="button" value="Register" class="button" />
        </form>
    </div>

Answer 1

我认为您需要在表单中添加额外的元素。将输入包装在div中并添加箭头。像这样：

<div>
    <form class="form">
        <div class="input-wrapper">
            <div class="triangle"></div>
            <input type="text" placeholder="Name" class="textbox" /> 
        </div>
        <input type='text' placeholder='Employee Number'  class='textbox' />
        <input type="email" placeholder="Email Address" class="textbox" /> 
        <input type="password" placeholder="Password" class="textbox" />
        <input type="password" placeholder="Confirm Password"  class="textbox" /> 
        <input type="button" value="Register" class="button" />
    </form>
</div>

.triangle应该是绝对的和.wrapper相对的。

http://jsfiddle.net/d492173y/2/

在边距和输入元素边框之间填充颜色

1 个答案: