css - 文本字段中的波浪线与 CSS google 类似

Question

如何在所有浏览器(例如谷歌)中的文本字段中获取波浪线？

Answer 1

Google 使用重复的 Base64 编码图像作为输入下方的范围。您可以在跨度中输入内容，它会出现在跨度下方。

.error:hover {
    background: url(data:image/gif;base64,R0lGODlhCgAEAMIEAP9BGP6pl//Wy/7//P///////////////yH5BAEKAAQALAAAAAAKAAQAAAMROCOhK0oA0MIUMmTAZhsWBCYAOw==) repeat-x scroll 0 100% transparent;
    display: inline-block;
    padding-bottom: 1px;
 }

<span class="error">hello</span>

免责声明:您必须将鼠标悬停在跨度上才能显示效果。