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

Fill Color between Margin and Input Element Border

本文关键字：之间 填充 颜色 边框 元素 输入      更新时间：2023-09-26

我已经为html表单创建了一个布局。html布局

现在，当错误发生时，我想在我已经显示的圆形部分之间填充颜色。有可能吗？如果没有，那么是否有其他方法可以使用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>

我认为您需要在表单中添加额外的元素。将输入封装在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>

三角形应定位为绝对值，而.wapper应定位为相对值。

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

相关文章：