透明,无边框文本输入

时间:2010-08-10 08:48:10

标签: html css

如何删除<input type="text">周围的边框并使其背景透明?

4 个答案:

答案 0 :(得分:39)

试试这个:

border: none;
border-color: transparent;

答案 1 :(得分:10)

像这样:

input {
    border: none;
    background: transparent;
}

答案 2 :(得分:5)

border: none transparent;
outline: none;

当输入处于焦点时,这不仅会删除输入字段周围的边框,还会删除橙色高光。

答案 3 :(得分:1)

迟到总比没有好:

input {border-style:none;}