css3 中输入框怎么变成下划线?

Question

css3 中输入框怎么变成下划线

Answer 1

1	<input class="ipt" type="text" />

.ipt {

  border: none 0;

  outline: medium;

  background: transparent;

  -webkit-appearance: none;

  -moz-appearance: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  -moz-tap-highlight-color: transparent;

  border-bottom: 1px solid #ccc;

}

去掉默认样式 添加下边框就是下划线了