[分享]css中将输入框变为直线

CSS中有许多有趣的技巧，其中将输入框变成直线的方法让人印象深刻。

/* 将输入框边框去掉 */
input {
  border: none;
  outline: none;
}

/* 给输入框添加下划线 */
input[type="text"] {
  border-bottom: 1px solid black;
} 

以上代码使用了CSS的选择器，对文本输入框去掉了边框和轮廓线，然后添加了一个下划线。

可以根据需要更改下划线的颜色、粗细、样式等属性。

这个技巧适用于美化表单，提高用户体验，让用户更方便地填写表单。