html页面中如何让input边框不显示？1

html页面中如何让input边框不显示？

[摘要]我们在设计网站内表单注册页面时，会发现当鼠标光标放在input框中准备输入值时，会出现类似蓝色的边框线。尽管你没有设置input的style样式，也会有。这是因为在HTML中，input标签默认是有...

我们在设计网站内表单注册页面时，会发现当鼠标光标放在input框中准备输入值时，会出现类似蓝色的边框线。尽管你没有设置input的style样式，也会有。这是因为在HTML中，input标签默认是有边框（border）和背景色属性的。如果我们不需要这个边框显示想要去除input边框或者让input框显示隐藏。我们该怎么去操作呢？

下面给大家具体介绍关于input边框修改即去除、隐藏边框的相关知识。

一、在没有点击input框时，不显示边框：

 border：none；

二、点击input框，准备输入值时，不显示边框：

input{ border:none; width：200px; height:80px; box-radius:25%; outline:medium; text-align:center; }