Html 透明、无边界的文本输入
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/3447294/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-08-29 04:03:44 来源:igfitidea点击:
Transparent, borderless text input
提问by Tree
How can I remove the border around an <input type="text">and make its background transparent?
我怎样才能去除周围的边框<input type="text">并使其背景透明？
回答by Haim Evgi
Try this:
尝试这个：
border: none;
border-color: transparent;
回答by SLaks
Like this:
像这样：
input {
border: none;
background: transparent;
}
回答by Sachin
border: none transparent;
outline: none;
This will not only remove the border around the input field but also the orange highlight when the input is in focus.
这不仅会删除输入字段周围的边框，还会删除输入焦点时的橙色突出显示。
回答by user1032531
Better late than never:
迟到总比不到好：
input {border-style:none;}
